@charset "utf-8";
/**=========================================================
 * Theme Name   :  Verz Design Corporate
 * Author       :  Nikki & Shashikant
 * Description  :  Sep 2022
 * File Name	:  style.css
=========================================================**/
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
/* Global Styles */

*, *:after, *:before { margin: 0; padding: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, body { height: 100%; }
body { font-family: "Inter", sans-serif; font-size: 16px; color: #363636; font-weight: 400; line-height: 1.6; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; /*background: #ffffff url(../images/ajax-loader.gif) center center no-repeat;*/
overflow-x: hidden; }
::selection { background: #f37936; /* Safari */ color: #ffffff; }
	
::-moz-selection {
 background: #f37936; /* Firefox */
 color: #ffffff;
}
img { max-width: 100%; vertical-align: middle; -ms-interpolation-mode: bicubic; }
.vd-ht-client-icon { max-width: 230px; margin: 0 auto 15px; }
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
img { image-rendering: -webkit-optimize-contrast !important; }
}

/* Unset for Safari 11+ */
@media not all and (min-resolution:.001dpcm) {
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
 img {
 image-rendering: unset !important;
}
}
}
a, a:focus, a:hover { color: #363636; outline: none; cursor: pointer; text-decoration: none; box-shadow: none !important; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
a:hover { color: #f37936; outline: none; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }

:focus, ::-moz-focus-inner {
 border: none;
 outline: none !important;
}
fieldset, a img { border: none; }
ol, ul { margin: 0px auto; padding-left: 15px; list-style-position: outside;/*list-style-type: none;*/
}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 600;}
b, strong { font-weight: 700; }
/* ClearFix */
.clear { clear: both; height: 0px; overflow: hidden; }
.container:after { display: block; content: " "; clear: both; }
.clearfix:after { display: block; content: "."; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* wrapper */
	
#wrapper { position: relative; height: auto !important; min-height: 100%; /*height: 100%;*/
width: 100%; display: block; margin: 0 auto; overflow: hidden; max-width: 1920px; background: #ffffff; }
body, #wrapper, .footer-wrapper { opacity: 1; }
.container, .header-container, .wide-container { position: relative; width: 100%; margin: 0px auto; max-width: 1200px; padding: 0px 30px; }
.header-container { max-width: 1460px; }
.wide-container { max-width: 1460px; }
/* Header Styles */

#pageHeaderWrapper { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 100; display: block; margin: 0px auto; }
#pageHeader { position: relative; width: 100%; z-index: 101; display: block; margin: 0px auto; padding: 0px 0px; background: transparent; }
.headerTop { position: relative; width: 100%; z-index: 1002; display: flex; margin: 0px 0px; padding: 0px 0px; align-items: center; background: transparent; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -ms-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; transition: all 1s ease 0s; }
.is-sticky .headerTop { /*left: 0px;*/
left: auto; max-width: 1920px; background: #ffffff; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
/* Logo */
	
.logo { position: relative; display: block; width: 162px; height: 33px; z-index: 1001; overflow: hidden; padding: 0px 0px 0px; margin: 28px 0px 28px; }
.logo a { position: relative; width: 100%; height: auto; display: block; overflow: hidden; }
.logo img { position: relative; display: block; height: auto; max-width: 100%; }
/* Header Top Right Container */
	
.headerTopRight { position: absolute; display: flex; right: 30px; top: 0px; left: 225px; height: 100%; margin: 0px auto; align-items: center; }
/* Header Group Container */
	
.headerGroupContainer { position: relative; display: flex; float: right; padding: 0px; align-items: center; margin: 0px 0px 0px auto; }
/* Header Top Links */
	
.headerTopLinks { position: relative; float: left; padding: 0; font-size: 0px; display: block; list-style: none; margin: 0px 0px 0px; }
.headerTopLinks>li { position: relative; color: #363636; font-size: 18px; font-weight: 500; line-height: 25px; vertical-align: top; display: inline-block; margin: 0px 10px 0px 10px; }
.headerTopLinks>li a { position: relative; display: block; height: 55px; color: #ffffff; overflow: hidden; line-height: 25px; text-align: center; padding: 15px 30px; border-radius: 32px; background: #15a99b; }
.headerTopLinks>li.header-whatsapp-link-btn { font-weight: 700; font-size: 14px; text-transform: uppercase; }
.headerTopLinks>li.header-whatsapp-link-btn a { color: #1bc348; background: #ffffff; }
.is-sticky .headerTopLinks>li.header-whatsapp-link-btn a { background: #f1f1f1; }
.headerTopLinks>li.header-whatsapp-link-btn a i, .headerTopLinks>li.header-whatsapp-link-btn a span { position: relative; margin-left: 5px; display: inline-block; }
.headerTopLinks>li.header-whatsapp-link-btn a:hover, .headerTopLinks>li.header-whatsapp-link-btn.selected a { color: #ffffff; background: #1bc348; }
.headerTopLinks>li a:hover, .headerTopLinks>li.selected a { color: #ffffff; background: #000000; }
.modal-content { border: none; box-shadow: none; border-radius: 0px; }
.modal-backdrop.show { opacity: 0.9; }
/* Nav */
	
.nav-wrapper { font-family: "Inter", sans-serif; position: relative; display: block; float: left; margin: 0px; }
.nav-container { position: relative; display: block; }
.nav { position: relative; width: 100%; display: block; margin: 0px auto; text-align: center; }
.nav ul { position: relative; padding: 0; width: 100%; margin: 0 auto; display: block; text-transform: none; list-style-type: none; }
.nav>ul>li { position: relative; display: block; float: left; font-weight: 500; margin: 0px 15px 0px; }
.nav>ul>li:last-child { }
.nav>ul>li>a { position: relative; display: block; color: #43474d; font-size: 14px; overflow: hidden; line-height: 25px; text-align: center; padding: 15px 0px 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
/*.nav>ul>li>a:before {
	position: absolute;
	display: block;
	bottom: 0px;
    z-index: -1;
    left: 50%;
	right: 50%;
	width: 0px;
	content: '';
	height: 100%;
    overflow: hidden;
	background: #f37936;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
    }

.nav>ul>li:hover>a:before,
.nav>ul>li.selected>a:before {
    left: 0px;
	right: 0px;
	width: 100%;
    }*/

/*.nav>ul>li.menu-item-has-children>a {
	padding-right: 20px;
	}

.nav li.menu-item-has-children > a:after {
    font-family: 'Font Awesome 6 Free';
	position: absolute;
	content: "\f0d7";
	font-size: 12px;
	right: 0px;
	top: 50%;
    z-index: 2;
	height: 30px;
	font-weight: 900;
	margin-top: -15px;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	}*/

.nav>ul>li span { position: relative; display: block; height: 100%; z-index: 2; }
.nav>ul>li:hover>a, .nav>ul>li.selected>a { color: #f37936; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.nav>ul>li.selected>a { }
.nav>ul ul, .nav>ul ul ul { position: absolute; font-size: 16px; left: 0px; top: 100%; opacity: 0; width: 100%; font-weight: 700; min-width: 395px; text-align: left; visibility: hidden; background: #ffffff; padding: 0px 0px 0px; text-transform: none; margin: 30px 0px 0px 0px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.nav>ul ul ul { left: 100%; top: auto; margin: 0px; padding: 0px; -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
.nav>ul>li:hover>ul, .nav>ul ul>li:hover>ul { opacity: 1; top: auto; padding: 0px; margin-top: 0px; visibility: visible; }
.nav>ul ul>li:hover>ul { padding: 0px; margin-top: -55px; }
.nav>ul ul>li, .nav>ul ul ul>li { position: relative; display: block; padding: 0px; color: #363636; line-height: 25px; }
.nav>ul ul a, .nav>ul ul ul a { position: relative; display: block; color: #363636; line-height: 25px; padding: 15px 30px; background: #ffffff; }
/*.nav>ul>li li.menu-item-has-children>a {
	padding-right: 45px;
	}

.nav>ul>li li.menu-item-has-children > a:after {
    content: "\f0da";
	right: 20px;
	}*/
	
.nav>ul ul li:first-child>a { }
.nav>ul ul li:last-child>a { }
.nav>ul ul li:last-child>a:before { display: none; }
.nav>ul ul li:hover>a, .nav>ul ul li.selected>a, .nav>ul ul ul li:hover>a, .nav>ul ul ul li.selected>a { color: #ffffff; background: #f37936; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.nav>ul ul li.selected>a, .nav>ul ul ul li.selected>a { }
/* Container Style */
	
.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pt60 { padding-top: 60px !important; }
.pt100 { padding-top: 100px !important; }
.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb100 { padding-bottom: 100px !important; }
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt100 { margin-top: 100px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb100 { margin-bottom: 100px !important; }
.mg5 { margin: 5px !important; }
.p15 { padding: 15px !important; }
.ml5 { margin-left: 5px !important; }
.mr5 { margin-right: 5px !important; }
.ml10 { margin-left: 10px !important; }
.mr10 { margin-right: 10px !important; }
.ml15 { margin-left: 15px !important; }
.mr15 { margin-right: 15px !important; }
.ml20 { margin-left: 20px !important; }
.mr20 { margin-right: 20px !important; }
/* Main Content Wrapper */

.main-content-wrapper { position: relative; width: 100%; margin: 0px auto; padding: 0px 0px; max-width: 1920px; }
.nopadding { padding: 0px !important; }
/* Main Container */
	
.main-container { position: relative; display: block; width: 100%; margin: 0px auto; padding: 100px 0px; background-color: #ffffff !important; background-position: center center !important; background-repeat: no-repeat !important; background-size: 100% auto !important; }
.bg-center-top { background-position: center top !important; }
.bg-center-bottom { background-position: center bottom !important; }
.bg-cover { background-size: cover !important; }
hr { position: relative; display: block; width: 100%; opacity: 1; margin: 30px auto; background-color: #707070; }
/* @keyframes wave {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 108px 0;
    }
}

@keyframes bgblink {
    0% {
        background: url("../images/transparent-dot-bg1.png") center center no-repeat;
        background-size: cover;
    }
    50% {
        background: url("../images/transparent-dot-bg2.png") center center no-repeat;
        background-size: cover;
    }
    100% {
        background: url("../images/transparent-dot-bg1.png") center center no-repeat;
        background-size: cover;
    }
}

@keyframes bgblink2 {
    0% {
        background: url("../images/transparent-dot-bg3.png") center center no-repeat;
        background-size: cover;
    }
    50% {
        background: url("../images/transparent-dot-bg4.png") center center no-repeat;
        background-size: cover;
    }
    100% {
        background: url("../images/transparent-dot-bg3.png") center center no-repeat;
        background-size: cover;
    }
}

@keyframes bgblink3 {
    0% {
        background: url("../images/transparent-dot-bg5.png") center center no-repeat;
        background-size: cover;
    }
    50% {
        background: url("../images/transparent-dot-bg6.png") center center no-repeat;
        background-size: cover;
    }
    100% {
        background: url("../images/transparent-dot-bg5.png") center center no-repeat;
        background-size: cover;
    }
} */

.waveItemContainer { position: absolute; display: block; width: 108px; left: 100px; z-index: 5; bottom: 150px; display: none !important; }
/* .waveItem,
.waveItem2 {
    position: relative;
    display: block;
    width: 108px;
    height: 22px;
    margin: 0px;
    background: url("../images/wave.png") 0px 0px repeat-x;
    background-size: cover;    
    -webkit-animation: 5s wave linear infinite;
    -moz-animation: 5s wave linear infinite;
    -ms-animation: 5s wave linear infinite;
    -o-animation: 5s wave linear infinite;
    animation: 5s wave linear infinite;
    } */

/* .waveItem2 {
    background-image: url("../images/wave2.png");
    } */

/* Floating Animation Icons */

.float-icon { position: absolute; z-index: 9; line-height: 1; color: #1f2322; animation-duration: 2.5s; animation-iteration-count: infinite; animation-timing-function: linear; }
.float-icon img { width: 100%; }
.float-icon span { display: block; }
.floating-animation { animation-name: floating-animation; }
 @keyframes floating-animation {  0% {
 transform: translate(0, 0px);
}
 50% {
 transform: translate(0, 20px);
}
 100% {
 transform: translate(0, 0px);
}
}
 @media only screen and (max-width: 575.98px) {
 @keyframes floating-animation {  0% {
 transform: translate(0, 0px);
}
 50% {
 transform: translate(0, 10px);
}
 100% {
 transform: translate(0, 0px);
}
}
}
.rotate-animation { animation-name: rotate; }
.rotate-animation-alt { animation-name: rotate-alt; }
 @keyframes rotate {  100% {
 transform:rotate(360deg);
}
}
 @keyframes rotate-alt {  100% {
 transform:rotate(-360deg);
}
}
.floating-hr-animation { animation-name: floating-hr-animation; }
 @keyframes floating-hr-animation {  0% {
 transform: translate(0px, 0px);
}
 50% {
 transform: translate(20px, 0px);
}
 100% {
 transform: translate(0px, 0px);
}
}
.slow { animation-duration: 3.5s; }
.slower { animation-duration: 4s; }
.fast { animation-duration: 1500ms; }
.faster { animation-duration: 1000ms; }
.float-icon .far.fa-circle { border: 2px solid #1f2322; border-radius: 100%; }
.light-yellow { color: #fdd835; }
.yellow { color: #ffcd60; }
.orange { color: #f37936; }
.light-gray { color: #e7e7e7; }
.light-yellow .far.fa-circle { border-color: #fdd835; }
.yellow .far.fa-circle { border-color: #ffcd60; }
.orange .far.fa-circle { border-color: #f37936; }
.light-gray .far.fa-circle { border-color: #e7e7e7; }
/* Intro Container */

.intro-container { position: relative; display: block; width: 100%; margin: 0px auto; padding: 160px 0px 40px; background: -moz-linear-gradient(top, rgba(255,246,228,1) 0%, rgba(255,236,195,0) 100%); background: -webkit-linear-gradient(top, rgba(255,246,228,1) 0%, rgba(255,236,195,0) 100%); background: linear-gradient(to bottom, rgba(255,246,228,1) 0%, rgba(255,236,195,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe7b1', endColorstr='#00ffecc3', GradientType=0 );
}
.intro-pic-container, .intro-pic-container figure { position: relative; display: block; height: 100%; padding: 0px; margin: 0px auto 0px; }
.intro-pic-container figure { width: 100%; }
.intro-pic-container { margin-right: -215px; }
.intro-pic-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.intro-animation-container { position: absolute; display: block; padding: 0px; left: 0px; top: 0px; z-index: 2; width: 100%; height: 100%; margin: 0px auto 0px; }
.intro1 { right: 20%; top: 8%; }
.intro2 { left: 18%; top: 18%; }
.intro3 { right: 0px; top: 0px; }
.intro4 { right: -30px; top: 30px; }
.intro5 { right: -30px; top: 20%; }
.intro6 { right: -80px; top: 25%; }
.intro7 { right: 0%; top: 36%; }
.intro8 { right: -30%; top: 50%; }
.intro-text-container { position: relative; display: block; padding: 0px; z-index: 3; margin: 0px auto 0px; }
/* Company Profile Wrapper */

.company-profile-wrapper { position: relative; display: block; width: 100%; margin: 0px auto; padding: 0px 0px 0px; background-color: #ffffff !important; background-position: center top !important; background-repeat: no-repeat !important; background-size: 100% auto !important; }
/* Company Profile Container */

.company-profile-container { position: relative; display: block; width: 100%; margin: 0px auto; padding: 130px 0px 50px; background: -moz-linear-gradient(top, rgba(120,204,200,0.11) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(120,204,200,0.11) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(120,204,200,0.11) 0%, rgba(255,255,255,0) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c78ccc8', endColorstr='#00ffffff', GradientType=0 );
}
/* .company-profile-container:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 70px;
    width: 134px;
    height: 166px;
    margin: 0px auto;
    background: url("../images/transparent-dot-bg1.png") center center no-repeat;
    background-size: cover;
    -webkit-animation: bgblink 10s infinite;
    -moz-animation: bgblink 10s infinite;
    -ms-animation: bgblink 10s infinite;
    -o-animation: bgblink 10s infinite;
    animation: bgblink 10s infinite;
    } */

.company-profile-container .wide-container { max-width: 1560px; }
/* Company Features Listing */

.company-features-listing { position: relative; display: flex; padding: 0px; flex-wrap: wrap; list-style-type: none; margin: 0px -25px 0px; }
.company-feature-item { position: relative; display: flex; float: left; width: 20%; padding: 25px; align-self: stretch; margin: 0px 0px 0px; }
.company-feature-item-inner { position: relative; display: block; padding: 0px; width: 100%; height: 100%; color: #626262; overflow: hidden; }
.company-feature-icon-container { position: relative; display: block; height: 50px; width: 100%; padding: 0px; margin: 0px auto; overflow: hidden; }
.company-feature-icon-container figure { position: relative; overflow: hidden; display: block; padding: 0px; height: 50px; text-align: left; margin: 0px auto !important; }
.company-feature-icon-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: left center; object-position: left center; }
.company-feature-item-inner h2 { padding: 0px; color: #f27b37; font-size: 42px; font-weight: 600; letter-spacing: -1.26px; }
.company-feature-info-container { position: relative; display: block; width: 100%; padding: 30px 0px 0px; margin: 30px auto 0px; border-top: 3px solid #e8e8e8; }
/* Company Profile Container 2 */

.company-profile-container2 { position: relative; display: block; width: 100%; margin: 0px auto; padding: 60px 0px 60px; }
/* .company-profile-container2 .container:before {
    position: absolute;
    content: '';
    right: -80px;
    bottom: -90px;
    width: 208px;
    height: 210px;
    margin: 0px auto;
    background: url("../images/bg2.png") center center no-repeat;
    background-size: cover;
    } */

.company-profile-top-content2 { position: relative; display: block; width: 100%; margin: 0px auto; max-width: 1180px; text-align: center; padding: 60px 0px 0px; }
/* Company Features Listing2 */

.company-features-listing2 { position: relative; display: flex; padding: 0px; flex-wrap: wrap; list-style-type: none; margin: 0px -15px 0px; }
.company-feature-item2 { position: relative; display: flex; float: left; width: 25%; padding: 15px; align-self: stretch; margin: 0px 0px 0px; }
.company-feature-item-inner2 { position: relative; display: block; padding: 30px; width: 100%; height: 100%; color: #626262; overflow: hidden; text-align: center; background: #ffffff; border-radius: 20px; box-shadow: 0px 3px 46px rgba(172,172,172,0.29); }
.company-feature-icon-container2 { position: relative; display: block; height: 0px; width: 100%; padding: 0px; margin: 0px auto; overflow: hidden; padding-bottom: 66.6667%; }
.company-feature-icon-container2 figure { position: absolute; overflow: hidden; display: block; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; margin: 0px auto !important; }
.company-feature-icon-container2 figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; }
.company-feature-info-container2 { position: relative; display: block; width: 100%; padding: 30px 0px 0px; margin: 30px auto 0px; border-top: 3px solid #e8e8e8; }
.company-feature-info-container2 p:last-child { margin-bottom: 0px; }
/* Company Profile Container3 */

.company-profile-container3 { position: relative; display: block; width: 100%; margin: 0px auto; padding: 60px 0px 120px; }
.website-features-container .container { z-index: 2; }
.company-profile-animation-container { position: absolute; display: block; padding: 0px; bottom: 0px; left: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px auto 0px; }
.company-profile-animation1 { left: 80px; bottom: 80px; }
.company-profile-animation2 { left: 120px; bottom: 30px; }
.company-profile-animation3 { left: 160px; bottom: 15px; }
.company-profile-animation4 { left: 220px; bottom: 70px; }
.company-profile-animation5 { left: 260px; bottom: 50px; }
/* Website Features Container */

.website-features-container { position: relative; display: block; width: 100%; margin: 0px auto; padding: 100px 0px 40px; }
.website-features-container .container { z-index: 2; }
.website-features-animation-container { position: absolute; display: block; padding: 0px; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px auto 0px; }
.website-feature-animation1 { left: 8%; top: 12%; }
.website-feature-animation2 { left: 4%; top: 6%; }
.website-feature-animation3 { left: 4%; top: 0px; }
.website-feature-animation4 { left: 9%; top: -4%; }
.website-feature-animation5 { left: 9%; top: -10%; }
/* Website Features Listing */

.website-features-listing { position: relative; display: flex; padding: 0px; flex-wrap: wrap; list-style-type: none; margin: 0px -15px 0px; }
.website-feature-item { position: relative; display: flex; float: left; width: 25%; padding: 15px; align-self: stretch; margin: 0px 0px 0px; }
.website-feature-item-inner { position: relative; display: block; padding: 0px; width: 100%; height: 100%; color: #626262; overflow: hidden; text-align: center; }
.website-feature-icon-container { position: relative; display: block; height: 60px; width: 100%; padding: 0px; margin: 0px auto; overflow: hidden; }
.website-feature-icon-container figure { position: absolute; overflow: hidden; display: block; padding: 0px; top: 0px; left: 0px; right: 0px; bottom: 0px; text-align: center; margin: 0px auto !important; }
.website-feature-icon-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; }
.website-feature-info-container { position: relative; display: block; width: 100%; margin: 0px auto 0px; padding: 25px 0px 0px; }
.website-feature-info-container p:last-child { margin-bottom: 0px; }
/* Why Us Container */

.why-us-container  .why-us-container .container { z-index: 2; }
/* .why-us-container:before {
    position: absolute;
    top: 50%;
    left: 0px;
    content: '';
    width: 200px;
    height: 252px;
    margin: -126px auto 0px;
    background: url("../images/transparent-dot-bg5.png") center center no-repeat;
    background-size: cover;
    -webkit-animation: bgblink3 10s infinite;
    -moz-animation: bgblink3 10s infinite;
    -ms-animation: bgblink3 10s infinite;
    -o-animation: bgblink3 10s infinite;
    animation: bgblink3 10s infinite;
    } */

.why-us-animation-container { position: absolute; display: block; padding: 0px; left: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px auto 0px; }
.why-us-animation1 { left: 11%; top: 57%; }
.why-us-animation2 { left: 5.7%; top: 53%; }
.why-us-animation3 { left: 5.7%; top: 50%; }
.why-us-animation4 { left: 10%; top: 48%; }
.why-us-animation5 { left: 9.8%; top: 45%; }
/* Our Clients Container */

.our-clients-container { position: relative; width: 100%; z-index: 2; display: block; margin: 0px auto 0px; padding: 100px 0px 80px; background: rgb(250,250,250); background: -moz-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(250,250,250,1) 0%, rgba(255,255,255,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0 );
}
.our-clients-container .container { z-index: 2; }
.our-clients-animation-container { position: absolute; display: block; padding: 0px; right: 0px; top: 0px; z-index: 1; width: 100%; height: 100%; margin: 0px auto 0px; }
.our-clients-animation1 { right: 14%; top: 5px; }
.our-clients-animation2 { right: 7%; top: 5%; }
.our-clients-animation3 { right: 5%; top: 10%; }
.our-clients-animation4 { right: 11%; top: 15%; }
.our-clients-animation5 { right: 10%; top: 20%; }
.our-clients-container .waveItemContainer { top: -30px; left: auto; right: 12%; bottom: auto; }
/* .our-clients-container:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 30px;
    width: 327px;
    height: 23px;
    margin: 0px auto;
    background: url("../images/transparent-dot-bg3.png") center center no-repeat;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: bgblink2 10s infinite;
    -moz-animation: bgblink2 10s infinite;
    -ms-animation: bgblink2 10s infinite;
    -o-animation: bgblink2 10s infinite;
    animation: bgblink2 10s infinite;
    } */

.our-clients-top-content { position: relative; padding: 0px; width: 100%; z-index: 6; display: block; max-width: 900px; text-align: center; margin: 0px auto 50px; }
/* Clients Slider */

.clients-slider { position: relative; display: block; padding: 0px; margin: 0px -15px 60px !important; }
.client-item { position: relative; display: block; padding: 15px; font-size: 14px; line-height: 20px; text-align: center; margin: 0px auto 0px; }
.client-item a { position: relative; display: block; width: 100%; padding: 0px; color: #363636; overflow: hidden; }
.client-item a:hover { color: #f37936; }
.client-brand-container { position: relative; display: block; height: 0px; width: 100%; overflow: hidden; margin: 0px auto 0px; padding-bottom: 50%; }
.client-brand-container figure { position: absolute; overflow: hidden; padding: 10px; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: center; }
.client-brand-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; }
.clients-slider .slick-prev { left: -90px; }
.clients-slider .slick-next { right: -90px; }
.clients-slider .slick-dots { bottom: -60px; }
/* Portfolio Container */

.portfolio-container { position: relative; display: block; width: 100%; margin: 0px auto; padding: 60px 60px 190px; }
/* .portfolio-container:before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 90px;
    width: 327px;
    height: 23px;
    margin: 0px auto;
    background: url("../images/transparent-dot-bg3.png") center center no-repeat;
    background-size: cover;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: bgblink2 10s infinite;
    -moz-animation: bgblink2 10s infinite;
    -ms-animation: bgblink2 10s infinite;
    -o-animation: bgblink2 10s infinite;
    animation: bgblink2 10s infinite;
    } */

/* Portfolio Slider Container */

.portfolio-slider-container { position: relative; display: block; width: 100%; border-radius: 20px; margin: 0px auto 50px; padding: 80px 0px 40px; background: rgb(255,255,255); background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(226,230,233,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(226,230,233,1) 100%); background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(226,230,233,1) 100%);  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e6e9', GradientType=1 );
}
/* Portfolio Slider */

.portfolio-slider { position: relative; display: block; padding: 0px 0px; margin: 0px -15px 0px; }
.portfolio-slider .slick-dots { bottom: auto; top: 50%; left: auto; width: auto; right: -120px; transform: translateY(-50%); }
.portfolio-slider .slick-dots li { display: block; width: 13px; height: 13px; margin: 10px auto; }
.portfolio-slider .slick-dots li button:before { width: 13px; height: 13px; line-height: 13px; background: transparent; border: 1px solid #b7b7b7; }
.portfolio-slider .slick-dots li:hover button:before, .portfolio-slider .slick-dots li.slick-active button:before { height: 13px; line-height: 13px; background: #b7b7b7; }
.portfolio-item { position: relative; display: block; padding: 15px; font-size: 14px; overflow: hidden; line-height: 20px; margin: 0px 0px 0px auto; }
.portfolio-item a { position: relative; display: block; width: 100%; height: 100%; color: #363636; padding: 0px 0px 0px 25%; }
.portfolio-item a:hover { color: #f37936; }
.portfolio-item-pic-container { position: relative; display: block; height: 0px; width: 100%; overflow: hidden; padding-bottom: 50%; margin: 0px auto 0px; }
.portfolio-item-pic-container figure { position: absolute; overflow: hidden; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: center; }
.portfolio-item-pic-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: center; object-position: center; }
.portfolio-item-content { position: absolute; display: block; left: 0%; top: 15%; z-index: 2; width: 100%; }
.portfolio-item-content-inner { position: relative; display: block; margin: 0px; text-align: left; }
.portfolio-item-logo-container { position: relative; display: block; height: 100px; width: 100%; overflow: hidden; margin: 0px 0px 20px; }
.portfolio-item-logo-container figure { position: absolute; overflow: hidden; top: 0px; left: 0px; right: 0px; bottom: 0px; display: block; margin: 0px auto; text-align: left; mix-blend-mode: darken; }
.portfolio-item-logo-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: scale-down; object-fit: scale-down; -o-object-position: left center; object-position: left center; }
.portfolio-category-name { position: relative; font-size: 14px; color: #000000; font-weight: 500; line-height: 20px; padding: 8px 15px; border-radius: 7px; background: #cfdbe5; display: inline-block; letter-spacing: 1.68px; text-transform: uppercase; }
.portfolio-slider .slick-prev, .portfolio-slider .slick-next { top: auto; bottom: 50px; transform: translateY(0); }
.portfolio-slider .slick-prev { left: 15px; }
.portfolio-slider .slick-next { right: auto; left: 75px; }
.portfolio-slider .slick-prev, .portfolio-slider .slick-next, .portfolio-slider .slick-prev:hover, .portfolio-slider .slick-prev:focus, .portfolio-slider .slick-next:hover, .portfolio-slider .slick-next:focus { background-image: url(../images/slick-nav2.png); }
/* Testimonials Container */

.testimonials-container { position: relative; padding: 100px 0px; width: 100%; z-index: 2; display: block; background: #ffffff; margin: 0px auto 0px; }
.testimonials-container .container { z-index: 3; }
.testimonials-container:before { position: absolute; content: ''; left: 60px; top: 0px; z-index: -2; right: 60px; height: 100%; margin: 0px auto; border-radius: 5px; background: #fbfaf7; }

/* .testimonials-container:after {
    position: absolute;
    top: 150px;
    left: 60px;
    content: '';
    width: 244px;
    height: 126px;
    margin: 0px auto;
    background: url("../images/transparent-dot-bg9.png") center center no-repeat;
    background-size: cover;
    -webkit-animation: bgblink5 10s infinite;
    -moz-animation: bgblink5 10s infinite;
    -ms-animation: bgblink5 10s infinite;
    -o-animation: bgblink5 10s infinite;
    animation: bgblink5 10s infinite;
    } */

@keyframes bgblink5 {  0% {
 background: url("../images/transparent-dot-bg9.png") center center no-repeat;
 background-size: cover;
}
 50% {
 background: url("../images/transparent-dot-bg10.png") center center no-repeat;
 background-size: cover;
}
 100% {
 background: url("../images/transparent-dot-bg9.png") center center no-repeat;
 background-size: cover;
}
}
.testimonials-container .waveItemContainer { left: auto; right: 150px; bottom: 50px; }
/* Testimonials Slider Container */

.testimonials-slider-container { position: relative; display: block; z-index: 2; padding: 0px 0px; }
/* Testimonials Slider */

.testimonials-slider { position: relative; display: block; padding: 0px; margin: 0px auto; }
.testimonials-slider .slick-list { padding-top: 50px !important; padding-bottom: 50px !important; }
.testimonials-slider .slick-slide { position: relative; display: flex; float: left; width: 100%; z-index: 2; opacity: 0.5; font-size: 11px; overflow: hidden; padding: 0px 0px; text-align: center; align-items: stretch; transform: scale(0.55); margin: 0px -155px 0px; justify-content: center; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.testimonials-slider .slick-slide, .testimonials-slider  .slick-slide[aria-hidden="true"]:not(.slick-cloned)  ~ .slick-cloned[aria-hidden="true"] { z-index: 2; transform: scale(0.55); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
/* Active center slide (You can change anything here for cenetr slide)*/
.testimonials-slider .slick-center, .testimonials-slider  .slick-slide[aria-hidden="true"]:not([tabindex="-1"])  + .slick-cloned[aria-hidden="true"] { opacity: 1; z-index: 9; transform: scale(1); }
.testimonials-slider .slick-current.slick-active { opacity: 1; z-index: 9; transform: scale(1); }
.testimonial-slide-item-inner { position: relative; display: block; width: 100%; height: 100%; color: #363636; font-size: 16px; margin: 0px auto; text-align: center; padding: 70px 50px; border-radius: 5px; background: #ffffff; box-shadow: 0px 10px 20px rgba(0,0,0,0.04); }
.testimonial-client-ratings { position: relative; display: block; width: 100%; padding: 0px; overflow: hidden; margin: 0px auto 20px; }
.testimonial-client-ratings i { color: #ffd738; }
.testimonial-client-quote { position: relative; display: block; width: 100%; overflow: hidden; margin: 0px auto 0px; padding: 0px 0px 0px; }
.testimonial-client-infobox { position: relative; display: block; width: auto; padding: 0px; margin: 0px auto; text-align: center; }
.testimonial-client-info { position: relative; display: inline-block; vertical-align: middle; padding: 0px 0px 0px 10px; }
.testimonial-client-name { position: relative; display: block; color: #000000; font-weight: 500; line-height: 24px; }
.testimonial-client-designation { position: relative; display: block; color: #acacac; font-style: italic; }
.testimonials-slider .slick-prev { left: 200px; }
.testimonials-slider .slick-next { right: 200px; }
/* Faqs Container */

.faqs-container { position: relative; display: block; width: 100%; z-index: 1; margin: 0px auto; background: #ffffff; padding: 100px 0px 100px; }
.faqs-container .container { z-index: 2; }
/* .faqs-container .container:before {
    position: absolute;
    bottom: -50px;
    left: -100px;
    content: '';
    width: 200px;
    height: 252px;
    margin: 0px auto 0px;
    background: url("../images/transparent-dot-bg5.png") center center no-repeat;
    background-size: cover;
    -webkit-animation: bgblink3 10s infinite;
    -moz-animation: bgblink3 10s infinite;
    -ms-animation: bgblink3 10s infinite;
    -o-animation: bgblink3 10s infinite;
    animation: bgblink3 10s infinite;
    } */

/* .faqs-container:before {
	position: absolute;
	display: block;
	content: '';
	right: 0px;
    width: 100%;
    height: 100%;
	bottom: -50px;
	overflow: hidden;
	padding: 0px 0px 0px;
    background: url("../images/bg4.png") right bottom no-repeat;
	} */

/* Accordion */

.accordion-container { position: relative; display: block; padding: 0px; margin: 0px auto; }
.accordion-item { padding: 0px; border: none; margin: 0px auto; background: #f5f5f5; border-radius: 10px !important; }
.accordion-container .accordion-item { }
.accordion-item + .accordion-item { margin-top: 20px; }
.accordion-header { font-family: "Inter", sans-serif; position: relative; border: none; z-index: 2; padding: 0px; font-size: 16px; font-weight: 500; margin-bottom: 0px !important; background-color: transparent; }
.accordion-header a { position: relative; display: block; color: #000000; font-size: 16px; font-weight: 500; line-height: 20px; background: #f5f5f5; padding: 20px 60px 20px 25px; border-radius: 10px !important; }
.accordion-header a:not(.collapsed) { color: #ffffff; background-color: #15a99b; box-shadow: inset 0 -1px 0 rgba(0,0,0,.125); }
.accordion-header a:after { font-family: 'Font Awesome 6 Free'; position: absolute; content: '\f067'; right: 25px; top: 50%; width: 30px; height: 30px; color: #000000; display: block; font-size: 14px; font-weight: 900; overflow: hidden; line-height: 30px; margin-top: -15px; text-align: center; padding: 0px 0px 0px; background: transparent !important; }
.accordion-header a:hover, .accordion-header a[aria-expanded="true"] { color: #ffffff; background: #15a99b; }
.accordion-header a[aria-expanded="true"] { border-radius: 10px 10px 0px 0px !important; }
.accordion-header a:hover:after, .accordion-header a[aria-expanded="true"]:after { color: #ffffff; content: '\f068'; }
.accordion .accordion-body { position: relative; display: block; width: 100%; color: #ffffff; background: #15a99b; margin: -10px auto 0px; padding: 40px 25px 30px; border-radius: 0px 0px 10px 10px; }
.accordion .accordion-body:before { position: absolute; display: block; content: ''; left: 25px; top: 10px; right: 25px; height: 1px; margin: 0px; padding: 0px; overflow: hidden; background: #ffffff; }
.accordion-body-inner { position: relative; display: block; width: 100%; margin: 0px auto 0px; padding: 0px 0px 0px 25px; background: url("../images/check-icon.png") left 2px no-repeat; background-size: 12px 15px; }
.accordion .accordion-body a { color: #ffffff; text-decoration: underline; }
.accordion .accordion-body a:hover { color: #f37936; text-decoration: none; }
.accordion .accordion-body strong { font-weight: 600; }
.accordion .accordion-body p { margin-bottom: 20px; }
/*.accordion .accordion-body p:last-child {
    margin-bottom: 5px;
	}*/

/* Element List Container */

.element-list-container { position: relative; display: block; width: 100%; padding: 0px; margin: 0px auto; }
.element-list-container .row { align-items: center; margin-bottom: 40px; }
/*.element-list-container .row:last-child {
    margin-bottom: 0px;
	}*/

.element-list-container .row:nth-child(even), .element-list-container .row-reverse { flex-flow: row-reverse; }
.element-pic-container, .element-pic-container figure { position: relative; display: block; height: 100%; width: 100%; padding: 0px; max-width: 475px; overflow: hidden; margin: 0px auto 0px; }
.element-pic-container figure img { position: relative; height: 100%; width: 100%; max-width: none; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }
.element-text-container { position: relative; display: block; width: 100%; margin: 0px; max-width: 480px; padding: 0px 50px 0px 0px; }
.element-text-container h3 { font-size: 30px; }
.element-text-container p { max-width: 385px; }
.element-text-container p:last-child { margin-bottom: 0px; }
.element-list-container .row:nth-child(even) .element-text-container, .element-list-container .row-reverse .element-text-container { margin-left: auto; padding: 0px 0px 0px 50px; }
/* Content Style */

.pageTitle, .pageTitle2 { position: relative; display: block; width: 100%; margin: 0px auto; padding: 0px 0px 25px; }
.pageTitle h1, .pageTitle h2, .pageTitle h3, .pageTitle h4, .pageTitle h5, .pageTitle h6, .pageTitle2 h1, .pageTitle2 h2, .pageTitle2 h3, .pageTitle2 h4, .pageTitle2 h5, .pageTitle2 h6 { padding-bottom: 0px; }
.pageTitle h1, .pageTitle h2 { font-size: 50px; font-weight: 600; }
.uppercase { text-transform: uppercase !important; }
.NoUppercase { text-transform: none !important; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Inter", sans-serif; position: relative; font-size: 36px; color: #000000; line-height: 1.3; font-weight: 500; margin: 0px 0px 0px; text-transform: none; padding: 0px 0px 20px; }
.h1, .h2, .h3, .h4, .h5, .h6 { }
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong, .h1 strong, .h2 strong, .h3 strong, .h4 strong, .h5 strong, .h6 strong { font-weight: 600; }
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, .h1 span, .h2 span, .h3 span, .h4 span, .h5 span, .h6 span { color: #f27a36; }
h2, .h2 { font-size: 32px; }
h3, .h3 { font-size: 28px; }
h4, .h4 { font-size: 24px; }
h5, .h5 { font-size: 20px; }
h6, .h6 { font-size: 16px; }
p { margin: 0 0 30px; line-height: 1.6; }
p[align=center] { text-align: center !important; }
p[align=left] { text-align: left !important; }
p[align=right] { text-align: right !important; }
ul.ul-listing, ol.ol-listing { margin: 0px 0px 20px; display: block; padding: 0px; width: 100%; text-align: left; list-style-position: inside; }
ul.ul-listing.text-center, ol.ol-listing.text-center { text-align: center; }
ul.ul-listing li { position: relative; line-height: 26px; margin-bottom: 10px; list-style-type: none; padding: 2px 0px 2px 26px; }
ul.ul-listing li:before { font-family: 'Font Awesome 6 Free'; position: absolute; content: '\f101'; left: auto; border: 0; top: 2px; width: 26px; height: 26px; color: #f37936; font-size: 16px; font-weight: 900; margin-left: -26px; }
ul.ul-listing ul { margin: 15px 0px 0px; }
ol.ol-listing { padding: 0px 0px 0px 15px; list-style-position: outside; }
ol.ol-listing li { line-height: 26px; margin-bottom: 10px; list-style-type: decimal; padding: 2px 0px 2px 0px; }
ol.ol-listing li ul.ul-listing li { list-style-type: none; }
.textBold { font-weight: 700; }
.details-container { position: relative; display: block; padding: 0px; font-size: 20px; margin: 0px auto; }
.details-container ul { }
.details-container ul li { padding-left: 10px; margin: 0px auto 10px; }
.imgLeft { position: relative; float: left; width: auto; height: auto; max-width: 100%; clear: left !important; margin: 5px 40px 40px 0px; }
.imgRight { position: relative; float: right; width: auto; height: auto; max-width: 100%; clear: right !important; margin: 5px 0px 40px 40px; }
/* Slick Slider */

.slick-dotted.slick-slider { margin-bottom: 0px; }
.slick-slide > div { position: relative; display: block; padding: 0px; margin: 0px; font-size: 0px; }
.slick-slide img { display: inline-block; }
.slick-prev, .slick-next { background: none; z-index: 5; width: 46px; height: 46px; font-size: 0px; /*box-shadow: 0px 3px 6px rgba(0,0,0,0.16);*/
-webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; }
.slick-prev:before, .slick-next:before { display: none; }
.slider-nav { margin-left: 0px; margin-right: 0px; }
.slick-prev { left: 0px; padding: 0px 0px 0px 46px; background: url(../images/slick-nav.png) left top no-repeat; }
.slick-next { right: 0px; padding: 0px 46px 0px 0px; background: url(../images/slick-nav.png) right top no-repeat; }
.slick-prev:hover, .slick-prev:focus { background: url(../images/slick-nav.png) left bottom no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; }
.slick-next:hover, .slick-next:focus { background: url(../images/slick-nav.png) right bottom no-repeat; -webkit-transition: all 0s ease-out; -moz-transition: all 0s ease-out; -ms-transition: all 0s ease-out; -o-transition: all 0s ease-out; transition: all 0s ease-out; }
.slick-dots { width: 100%; z-index: 5; left: 0%; bottom: 0px; font-size: 0px; margin: 0px auto 0px; }
.slick-dots li { position: relative; border: none; width: 16px; height: 16px; margin: 0px 4px; overflow: hidden; border-radius: 100%; background: transparent; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.slick-dots li:hover, .slick-dots li.slick-active { background: transparent; border-color: transparent; }
.slick-dots li button { padding: 0px; width: 100%; height: 100%; }
.slick-dots li button:before, .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
.slick-dots li button:before { line-height: 16px; font-size: 0px; content: ''; opacity: 1; top: 50%; left: 50%; width: 16px; height: 16px; overflow: hidden; border-radius: 100%; background: #f37936; border: 1px solid #f37936; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.slick-dots li:hover button:before, .slick-dots li.slick-active button:before { opacity: 1; height: 16px; line-height: 16px; background: #ffffff; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; }
/* Link Button */

.link-btn, .link-btn2 { font-family: "Inter", sans-serif; position: relative; z-index: 1; padding: 0px; display: block; font-size: 14px; font-weight: 700; margin: 0px auto 0px; letter-spacing: 0.7px; text-transform: uppercase; }
.link-btn a, .link-btn2 a { position: relative; text-align: center; color: #ffffff; line-height: 20px; background: #f37936; vertical-align: top; border-radius: 100px; display: inline-block; padding: 14px 30px 14px; border: 1px solid #f37936; text-decoration: none !important;  }
.link-btn a:hover { color: #ffffff; background: #000000; border-color: #000000;  }
.link-btn2 a { color: #ffffff; border-color: #ffffff; background: transparent; }
.link-btn2 a:hover { color: #ffffff; background: #f37936; border-color: #f37936; }
.photoContainer { position: relative; display: block; width: 100%; overflow: hidden; margin: 0px 0px 30px; }
.photoContainer img { position: relative; display: block; width: 100%; }
/* Footer Styles */

.footer-wrapper { position: relative; width: 100%; display: block; margin: 0px auto; max-width: 1920px; background: #000000; }
/* Footer Top */

.footer-top { position: relative; display: block; width: 100%; color: #000000; margin: 0px auto; background: #ffffff; padding: 50px 0px 0px; }
.footer { position: relative; /*padding: 0px 60px;
    max-width: 100%;*/
max-width: 1260px; }
.footer .row { position: relative; justify-content: space-between; }
.footer p { }
.footer a { color: #ffffff; }
.footer a:hover { color: #f37936; }
/* Footer Bottom */

.footer-bottom { position: relative; display: block; color: #ffffff; font-size: 16px; font-weight: 300; overflow: hidden; padding: 15px 0px; line-height: 24px; }
.footer-bottom a { color: #ffffff; }
.footer-bottom a:hover { color: #f37936; }
/* Copyright */

.copyright { position: relative; display: block; margin: 10px auto; line-height: 25px; text-align: center; }
/* Contact Form Container */

.contact-form-container { position: relative; display: block; margin: 0 auto; padding: 40px 0px; background: #15a99b; }
.contact-form-container .row { margin-left: 0px; margin-right: 0px; }
.contact-form-container .row [class*="col-"], .contact-form-container .row > * { padding-left: 0px; padding-right: 0px; }
.contact-info-col { position: relative; display: block; max-width: 480px; padding: 0px 65px 0px 0px; }
.contact-info-col img { position: relative; display: block; padding: 0px; max-width: 295px; margin: 0px 0px 30px; }
.contact-info-col h2 { font-size: 36px !important; color: #ffffff; line-height: 1.2; font-weight: 700; text-transform: none; letter-spacing: -1.08px; }
/* Bottom Img Container */

.bottom-img-container { position: relative; display: block; z-index: 1; max-width: 280px; margin: 215px 0px 0px -45px; }
.bottom1 { width: 23%; left: 11%; top: 0%; }
.bottom2 { width: 15.63%; left: 9%; top: 22%; }
.bottom3 { width: 25.36%; left: 26%; top: 5%; }
.bottom4 { width: 19.17%; left: 31%; top: 28%; }
.bottom5 { width: 15.33%; right: 31%; top: 10%; }
/* Contact Form */
	
.contactForm { position: relative; display: flex; width: 100%; z-index: 1; padding: 30px; font-size: 14px; flex-flow: column; text-align: center; border-radius: 30px; background: #ffffff; margin: -90px auto 0px; justify-content: center; box-shadow: 0px 33px 99px rgba(70,96,95,0.35); }
/* .contactForm:before {
    position: absolute;
    z-index: -1;
    top: 120px;
    left: -70px;
    content: '';
    width: 72px;
    height: 130px;
    margin: 0px auto;
    background: url("../images/bg3.png") left center no-repeat;
    } */

.contactForm h2 { font-size: 26px; font-weight: 600; padding-bottom: 5px; letter-spacing: -0.78px; }
.contactForm .btn-primary, .contactForm .btn-secondary { width: 100%; }
.control-label { font-family: "Inter", sans-serif; display: block; color: #43474d; font-size: 16px; font-weight: 300; line-height: 25px; margin-bottom: 7px; text-transform: none; }
.contactForm .form-group label { position: absolute; width: auto; left: 8px; top: 17px; margin: 0px; padding: 0px 12px; pointer-events: none; background: transparent; transition: 0.2s ease all; -moz-transition: 0.2s ease all; -webkit-transition: 0.2s ease all; }
.contactForm .form-group .focus label, .contactForm .form-group .not-empty label, .contactForm .form-group .focus + label, .contactForm .form-group .not-empty + label, .contactForm .form-group.focus label, .contactForm .form-group.not-empty label { top: -11px; font-size: 14px; background: #ffffff; }
.form-control:disabled, .form-control[readonly] { background-color: transparent; }
.google-recaptch { position: absolute; bottom: 200px; right: -10px; z-index: 1; }
.grecaptcha-badge { display: none !important; }
.required-field { color: #ff0000; }
.form-group, .form-check { position: relative; padding: 0px; margin-bottom: 10px; }
.form-control, .form-custom-select, .form-select { font-family: "Inter", sans-serif; position: relative; display: block; width: 100%; height: 55px; color: #43474d; font-size: 16px; font-weight: 300; line-height: 25px; padding: 14px 20px; border-radius: 16px; background-image: none; background-color: #ffffff; border: 1px solid #dcdcdd; }
textarea.form-control { min-height: 130px; line-height: 25px; border-radius: 16px; height: auto !important; }
textarea { resize: none; }
.form-control:focus, .form-control:hover { color: #43474d; outline: none !important; background-color: #ffffff; border: 1px solid #f37936; -webkit-box-shadow: none; box-shadow: none; }
.contactForm .form-control:focus, .contactForm .form-control:hover { border-color: #dcdcdd; }
/*--nice-select---*/
.NiceSelect { position: relative; display: block; }
.NiceSelect select { display: none; }
.nice-select { height: 55px; width: 100%; float: none; line-height: 25px; border-radius: 16px; border: 1px solid #dcdcdd; padding: 14px 45px 14px 20px; }
.nice-select, .nice-select .list { font-size: 16px; font-weight: 400; background: #ffffff; }
/*.nice-select .current {
    opacity: 1;
    color: #43474d;
    }*/

.nice-selected .nice-select .current { opacity: 1; color: #43474d; }
.nice-select:hover, .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #f37936; }
.nice-select:after { font-family: "Font Awesome 6 Free"; position: absolute; border: none; top: 50%; right: 20px; width: auto; height: auto; color: #43474d; display: block; line-height: 1; font-size: 16px; content: "\f0d7"; font-weight: 900; pointer-events: none; margin: 0px !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); transform: translateY(-50%) !important; }
.nice-select.open:after, .nice-select:hover:after { color: #43474d !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
.nice-select.open:after { content: "\f0d8"; }
.nice-select.open .list { opacity: 1; pointer-events: initial; transform: scale(1) translateY(0); }
.nice-select.disabled { opacity: 0.5; color: #43474d; pointer-events: none; border-color: #dcdcdd; }
.nice-select.disabled:after { border-color: #dcdcdd; }
.nice-select .list { position: absolute; margin-top: 0px; opacity: 0; top: 100%; left: 0; z-index: 9999; min-width: 100%; overflow: hidden; padding: 0px 0px; overflow-y: auto; max-height: 300px; border-radius: 0px; pointer-events: none; box-sizing: border-box; transform-origin: 50% 0; background-color: #ffffff; transform: scale(0.75) translateY(-25px); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; }
.nice-select .list:hover .option:not(:hover) { color: #43474d !important; background-color: transparent !important; }
.nice-select .option { font-weight: 400; cursor: pointer; outline: none; color: #43474d; font-size: 16px; min-height: 50px; background: none; line-height: 30px; padding: 10px 20px; }
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { color: #ffffff; background: #f37936; }
.nice-select .option.selected { font-weight: 400; }
.nice-select .option.disabled { opacity: 0.5; color: #43474d; cursor: default; background-color: transparent; }
 .form-control::-webkit-input-placeholder, ::-webkit-input-placeholder {
 opacity: 0.5;
 color: #43474d;
}
 .form-control:-moz-placeholder, :-moz-placeholder { /* Firefox 18- */
 opacity: 0.5;
 color: #43474d;
}
 .form-control::-moz-placeholder, ::-moz-placeholder {  /* Firefox 19+ */
 opacity: 0.5;
 color: #43474d;
}
 .form-control:-ms-input-placeholder, :-ms-input-placeholder {
 opacity: 0.5;
 color: #43474d;
}
 .form-control:focus::-webkit-input-placeholder {
color: transparent !important;
}
.form-control:focus:-moz-placeholder {
color: transparent !important;
}
.form-control:focus::-moz-placeholder {
color: transparent !important;
}
.form-control:focus:-ms-input-placeholder {
color: transparent !important;
}
.btn-primary, .btn-secondary { font-family: "Inter", sans-serif; position: relative; display: block; width: auto; color: #ffffff; font-size: 14px; margin: 0px auto; font-weight: 700; line-height: 20px; text-align: center; background: #f37936; border-radius: 100px; letter-spacing: 0.7px; padding: 14px 30px 14px; border: 1px solid #f37936; text-transform: uppercase; }
.btn-primary { }
.btn-primary:hover, .btn-primary.focus, .btn-primary:focus { color: #ffffff; background: #000000; border-color: #000000;}
.btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background: #f37936; border-color: #f37936; opacity: 0.4; }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #ffffff; background: #f37936; border-color: #f37936; }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {  }
.btn-secondary, .yith-wcan-pro.woocommerce .widget_price_filter .price_slider_amount button.btn-secondary { color: #ffffff; background: #000000; border-color: #000000; }
.btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .yith-wcan-pro.woocommerce .widget_price_filter .price_slider_amount button.btn-secondary:hover, .yith-wcan-pro.woocommerce .widget_price_filter .price_slider_amount button.btn-secondary:focus, .yith-wcan-pro.woocommerce .widget_price_filter .price_slider_amount button.btn-secondary.focus { color: #ffffff; background: #f37936; border-color: #f37936;  }
.btn-secondary.disabled, .btn-secondary:disabled { background: #000000; border-color: #000000; opacity: 0.4; }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #ffffff; background: #f37936; border-color: #f37936; }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {  }
/* Scroll To Top */
	
#toTop { text-decoration: none; position: fixed; display: none; bottom: 50px; right: 10px; width: 50px; height: 50px; border: none; z-index: 1001; text-indent: 100%; background: url(../images/ui.totop.png) 0px 0px no-repeat; overflow: hidden; }
#toTopHover { background: url(../images/ui.totop.png) 0px -50px no-repeat; width: 50px; height: 50px; display: block; overflow: hidden; float: left; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#toTop:active, #toTop:focus { outline: none; }
/* Floating Whatsapp */

.floating-whatsapp { position: fixed; z-index: 20; right: 10px; bottom: 110px; font-size: 25px; font-weight: 700; }
.floating-whatsapp a { position: relative; display: block; color: #ffffff; width: 50px; height: 50px; padding: 10px; overflow: hidden; line-height: 30px; text-align: center; background: #25d366; border-radius: 100%; box-shadow: 0px 12px 16px rgba(0,0,0,0.16) !important; }
.floating-whatsapp .fab { position: relative; display: block; line-height: 30px; }
.floating-whatsapp a:hover { color: #ffffff; background: #15a34a; }
	
/* =Media Queries
-------------------------------------------------------------- */

@media (max-width: 1699.98px) {
body, .headerTopLinks > li, .nav > ul > li > a, .nav > ul ul, .nav > ul ul ul, .control-label, .form-control, .footer-top, .footer-bottom, .nice-select, .nice-select .list, .nice-select .option { font-size: 14px; }
.container, .wide-container, .header-container, .footer { max-width: 1200px; padding-left: 30px; padding-right: 30px; }
.header-container, .footer { max-width: 100%; }
.footer { max-width: 1260px; }
.link-btn, .link-btn2, .btn-primary, .btn-secondary { font-size: 14px; }
h1, .h1 { font-size: 36px; }
h2, .h2 { font-size: 30px; }
h3, .h3 { font-size: 26px; }
h4, .h4 { font-size: 22px; }
h5, .h5 { font-size: 18px; }
h6, .h6 { font-size: 14px; }
.pageTitle h1, .pageTitle h2 { font-size: 40px; }
.waveItemContainer { left: 30px; }
.intro-pic-container { margin-right: -115px; }
.company-profile-container:before { left: -70px; }
.floating-whatsapp { bottom: 110px; }
.portfolio-slider .slick-dots { right: -100px; }
.bottom-img-container { margin: 150px 0px 0px -55px; }
}
 @media (max-width: 1599.98px) {
.intro-pic-container { margin-right: -60px; }
.portfolio-slider .slick-dots { right: -80px; }
}
 @media (max-width: 1499.98px) {
.intro-pic-container { margin-right: -30px; }
.company-profile-container, .company-profile-container3 { padding-top: 80px; }
.company-profile-top-content2 { padding: 0px; }
.bottom-img-container { margin: 185px 0px 0px -55px; }
.why-us-animation1 { display: none !important; }
}
 @media (max-width: 1365.98px) {
.headerTopLinks > li, .nav > ul > li > a, .nav > ul ul, .nav > ul ul ul, .headerTopLinks > li.header-whatsapp-link-btn { font-size: 13px; }
.nav > ul > li { margin: 0px 10px; }
.headerTopRight { left: 200px; right: 20px; }
.headerTopLinks > li a { padding: 15px 20px; }
.intro-container .waveItemContainer, .company-profile-container:before, .why-us-container:before, .testimonials-container:after { display: none; }
.testimonials-container:before { left: 30px; right: 30px; }
.portfolio-container { padding-left: 30px; padding-right: 30px; }
.testimonials-container .waveItemContainer { right: 60px; }
.company-features-listing { margin: 0px -15px 0px; }
.company-feature-item { padding: 15px; }
.company-feature-item-inner h2 { font-size: 36px; }
.portfolio-slider .slick-dots { right: 0px; }
}
 @media (max-width: 1299.98px) {
}
 @media (max-width: 1199.98px) {
.headerTop { box-shadow: 0px 5px 10px rgba(0,0,0,0.1); }
.logo { margin: 27px 0px; }
.headerTopRight { position: absolute; top: 0px; height: 100%; margin: 0px; display: block; clear: both; left: 0px; right: 0px; z-index: 5; float: none; }
.nav-wrapper { float: none; margin: 9px auto; height: 40px; z-index: 1; position: absolute; left: 0px; right: 0px; }
.nav-container { position: absolute; top: auto; margin: 0px; display: block; clear: both; left: 0px; right: 0px; }
.nav-wrapper .nav { display: none !important; }
.mean-container a.meanmenu-reveal { right: 8px !important; }
.headerTop.active .mean-container .mean-nav { height: 380px; overflow: hidden; }
.mean-container .mean-nav ul { height: 100%; overflow: auto; }
.headerGroupContainer { margin: 20px 60px 0px auto; z-index: 6; }
.headerTopLinks > li a { padding: 10px 15px; height: 45px; }
.is-sticky .mean-container .mean-nav ul li a, .is-sticky .mean-container .mean-nav ul li li a, .is-sticky .mean-container .mean-nav ul li li li a { background: #ffffff; }
.testimonials-slider .slick-prev { left: 17%; }
.testimonials-slider .slick-next { right: 17%; }
.contact-info-col { max-width: 375px; padding-right: 35px; }
.contact-info-col h2 { font-size: 30px !important; }
.bottom-img-container { max-width: 250px; margin: 240px 0px 0px -45px; }
.contactForm { padding: 40px 30px; }
.imgLeft, .imgRight { max-width: 40%; }
.google-recaptch { display: none !important; }
}
 @media (min-width: 1024px) and (max-width: 1199.98px) {
.company-feature-icon-container, .company-feature-icon-container figure { height: 40px; }
.company-feature-item-inner h2 { font-size: 28px; }
}
 @media (max-width: 1023.98px) {
.intro-pic-container { margin: 0px auto; }
.company-feature-item, .website-feature-item { width: 33.3333%; }
.company-feature-item2 { width: 50%; }
}

/* Portrait tablets and medium desktops */
@media (max-width: 991.98px) {
.intro-text-container { margin: 0px auto; padding: 0px 0px 30px; }
/*.clients-slider { margin-left: 0px !important; margin-right: 0px !important; padding-left: 30px; padding-right: 30px; }
    .clients-slider .slick-list { overflow: visible !important; }*/
.clients-slider .slick-prev { left: 0px; }
.clients-slider .slick-next { right: 0px; }
.portfolio-slider-container { padding: 40px 0px; }
.portfolio-item a { padding: 0px; }
.portfolio-item-content { position: relative; text-align: center; left: auto; top: auto; }
.portfolio-item-content-inner { text-align: center; }
.portfolio-item-logo-container { margin: 0px auto 20px; }
.portfolio-item-logo-container figure img { -o-object-position: center; object-position: center; }
.portfolio-slider .slick-prev, .portfolio-slider .slick-next { top: 50%; bottom: auto; transform: translateY(-50%); }
.portfolio-slider .slick-prev { left: -30px; }
.portfolio-slider .slick-next { left: auto; right: -30px; }
.contactForm { margin: 0px auto; }
.contact-info-col { padding: 0px; text-align: center; margin: 0px auto 30px; }
.bottom-img-container { max-width: 300px; margin: 50px auto 0px; }
.testimonials-container { padding: 40px 0px; }
.testimonials-slider { margin: 0px auto; }
.testimonials-container:before { left: 0px; right: 0px; }
.testimonials-slider .slick-slide, .testimonials-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"], .testimonials-slider .slick-center, .testimonials-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"], .testimonials-slider .slick-current.slick-active { opacity: 1; transform: scale(1); padding: 0px; font-size: 14px; margin: 0px auto; }
.testimonial-slide-item, .slick-current .testimonial-slide-item { transform: scale(1); padding: 0px; font-size: 14px; margin: 0px auto; }
.testimonials-slider .slick-center .testimonial-slide-item-inner, .testimonials-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .testimonial-slide-item-inner, .testimonials-slider .slick-current.slick-active .testimonial-slide-item-inner { font-size: 14px; }
.testimonials-slider .slick-prev { left: -15px; }
.testimonials-slider .slick-next { right: -15px; }
}
 @media (max-width: 800px) {
}

/* Landscape phones and portrait tablets */
@media (max-width: 767.98px) {
.container, .header-container, .wide-container { padding-left: 15px; padding-right: 15px; }
h1, .pageTitle h1, .pageTitle h2 { font-size: 30px !important; letter-spacing: 0px !important; }
h2 { font-size: 27px !important; letter-spacing: 0px !important; }
h3 { font-size: 24px !important; letter-spacing: 0px !important; }
h4 { font-size: 21px !important; letter-spacing: 0px !important; }
h5 { font-size: 18px !important; letter-spacing: 0px !important; }
h6 { font-size: 14px !important; letter-spacing: 0px !important; }
.element-text-container { max-width: 100%; padding: 30px 0px 0px !important; text-align: center; }
.element-text-container p { max-width: 100%; }
.element-list-container .row:nth-child(odd), .element-list-container .row { flex-flow: column-reverse; }
.element-list-container .row:nth-child(even), .element-list-container .row-reverse { flex-flow: column-reverse; }
.testimonials-container { padding: 40px 0px; }
.testimonials-slider { margin: 0px auto; }
.testimonials-container:before { left: 0px; right: 0px; }
.testimonials-slider .slick-slide, .testimonials-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"], .testimonials-slider .slick-center, .testimonials-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"], .testimonials-slider .slick-current.slick-active { opacity: 1; transform: scale(1); padding: 0px; font-size: 14px; }
.testimonial-slide-item, .slick-current .testimonial-slide-item { transform: scale(1); padding: 0px; font-size: 14px; }
.testimonials-slider .slick-center .testimonial-slide-item-inner, .testimonials-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] .testimonial-slide-item-inner, .testimonials-slider .slick-current.slick-active .testimonial-slide-item-inner { font-size: 14px; }
.testimonials-container .waveItemContainer { bottom: -50px; right: 15px; }
.contact-info-col { max-width: 100%; text-align: center; }
.bottom-img-container { margin: 0px auto -10px; }
.bottom-img-container:before { display: none; }
.testimonials-slider .slick-prev { left: -32px; }
.testimonials-slider .slick-next { right: -32px; }
.contact-info-col { padding: 0px; }
.contact-info-col img { margin: 0px auto 30px; }
.clients-slider .slick-prev { left: 15px; }
.clients-slider .slick-next { right: 15px; }
.portfolio-slider .slick-prev { left: -15px; }
.portfolio-slider .slick-next { right: -15px; }
}
 @media (min-width: 768px) {
}
 @media (max-width: 650px) {
}
 @media (max-width: 575.98px) {
.headerTopLinks > li a { width: 45px; height: 45px; padding: 10px; font-size: 18px; line-height: 25px; }
.headerTopLinks > li a span { display: none !important; }
.headerTopLinks > li.header-whatsapp-link-btn a i, .headerTopLinks > li.header-whatsapp-link-btn a span { margin: 0px auto; }
.company-feature-item, .website-feature-item { width: 50%; }
.company-feature-item2 { width: 100%; }
.testimonials-slider-container { padding: 0px 20px !important; }
.why-us-container { padding: 0px; }
.company-profile-container3, .faqs-container { padding: 50px 0px; }
.our-clients-container { padding: 50px 0 0px; }
.portfolio-container { padding: 50px 30px 50px; }
}
 @media (max-width: 479.98px) {
.logo { width: 38px; }
.logo img { width: auto; max-width: 160px; min-width: 100%; }
.company-feature-item, .website-feature-item { width: 100%; }
.website-feature-item { text-align: center; }
.testimonial-slide-item-inner { padding: 30px 15px; }
.company-feature-item-inner { text-align: center; }
.company-feature-item-inner .row { justify-content: center !important; }
.company-feature-item-inner .col { flex: 0 0 auto; width: auto; }
}
 @media (max-width: 399.98px) {
.contact-info-col img { max-width: 250px; }
}
 @-ms-viewport {
width: auto !important;
}