@import "https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;700&display=swap";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
:root{
    --color-black:#171b24;
    --color-darks:#363636;
    --color-greys:#999999;
    --color-light-greys:var(--color-light-greys);
    --color-black-opacity:rgba(0,0,0,.5);
    --color-light:hsl(0,0%,95%);
    --color-white:hsl(0,0%,100%);
    --color-blue:hsl(236, 99%, 63%);
    --color-white-opacity:rgba(255,255,255,.2);
    
    /* --color-blue-100:hsl(236, 99%, 63%);
    --color-blue-200:hsl(221,83%,53%);
    --color-blue-300:hsl(224,76%,48%); */
    /* --shadow-small:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06);
    --shadow-medium:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);
    --shadow-large:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05) */
}
@font-face{font-family:'Conv_CircularStd-Medium';
	src:url('../fonts/CircularStd-Medium.eot');
	src:local('☺'), url('../fonts/CircularStd-Medium.woff') format('woff'), url('../fonts/CircularStd-Medium.ttf') format('truetype'), url('../fonts/CircularStd-Medium.svg') format('svg');
	font-weight:normal; font-style:normal;
}
@font-face {font-family:'Conv_Circular-Std-Book';
	src:url('../fonts/Circular-Std-Book.eot');
	src:local('☺'), url('../fonts/Circular-Std-Book.woff') format('woff'), url('../fonts/Circular-Std-Book.ttf') format('truetype'), url('../fonts/Circular-Std-Book.svg') format('svg');
	font-weight:normal; font-style:normal;
}
*,::before,::after{padding:0;margin:0;box-sizing:border-box;list-style:none;list-style-type:none;text-decoration:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
html{font-size:100%;box-sizing:inherit;scroll-behavior:smooth;height:-webkit-fill-available}
body{font-family:'Conv_CircularStd-Medium'; font-size:1rem;font-weight:400;line-height:1.5;height:-webkit-fill-available;color:var(--color-white);background-color:var(--color-black)}
main{overflow:hidden}
a,button{cursor:pointer;border:none;outline:none;background:none;text-transform:unset;text-decoration:none; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
img,video{display:block;max-width:100%;height:auto;object-fit:cover}
img{image-rendering:-webkit-optimize-contrast;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}
.section{margin:0 auto;padding:6rem 0 1rem}
.brand{font-size:1.5rem;font-weight:600;line-height:1.5;letter-spacing:-1px;text-transform:uppercase;color:var(--color-blue)}
.header{position:relative;left:0;top:0;width:100%;height:auto;z-index:991;margin:0 auto;background-color:var(--color-black);box-shadow:var(--shadow-medium)}
.navbar{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;height:102px;margin:0 auto; padding-top:15px; padding-bottom:15px;}
.menu{position:fixed;top:0;left:-100%;width:80%;height:100%;z-index:10;overflow-y:auto;background-color:var(--color-blue);box-shadow:var(--shadow-medium);transition:all .5s ease-in-out}
.menu.is-active{top:0;left:0}
.menu-inner{display:flex;flex-direction:column;row-gap:0rem;margin:0; padding:0;}
.menu-link{font-family:'Conv_Circular-Std-Book';font-size:18px; line-height:1.2; color:var(--color-white);transition:all .3s ease}
.menu-link:hover{color:var(--color-white)}
@media only screen and (min-width:991.98px) {
.menu{position:relative;top:0;display:flex; left:0;width:auto;height:auto;margin-left:auto;background:none;box-shadow:none}
.menu-inner{display:flex;padding-left:0;flex-direction:row;column-gap:26px;margin:0 auto;margin-right:0rem; padding-right:0px;}
.menu-inner:last-child{border-left:1px solid var(--color-blue); margin-left:26px; padding-left:26px;}
.menu-link{text-transform:capitalize}
.menu-link:hover,.menu-item.active .menu-link{color:var(--color-blue)}
.menu-block{margin-left:2rem}
}

.closeMenu{position:absolute; right:10px; top:5px; font-size:30px;}

.burger{position:relative;display:block;cursor:pointer;order:-1;width:1.75rem;height:auto;border:none;outline:none;visibility:visible}
.burger-line{display:block;cursor:pointer;width:100%;height:2px;margin:6px auto;transform:rotate(0deg);background-color:var(--color-white);transition:all .3s ease-in-out}
@media only screen and (min-width:991.98px) {
.burger{display:none;visibility:hidden}
}
.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;opacity:0;visibility:hidden;background-color:rgba(0,0,0,0.8);transition:all .3s ease-in-out}
.overlay.is-active{display:block;opacity:1;visibility:visible}
.search-toggle,.search-cancel{display:block;cursor:pointer;font-size:1.35rem;line-height:inherit;color:var(--color-white)}
.search-block{position:fixed;top:0;right:-100%;width:100%;height:100%;z-index:10;overflow:hidden;background-color:var(--color-black);transition:all .45s ease-in-out}
.search-block.is-active{top:0;right:0}
.search-form{display:flex;align-items:center;column-gap:.75rem;padding:.75rem 1rem}
.search-input{display:block;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;width:100%;height:auto;padding:.65rem 1.25rem;border:none;outline:none;border-radius:.25rem;color:var(--color-white);background-color:var(--color-light)}
.search-input::-webkit-search-decoration,.search-input::-webkit-search-cancel-button{display:none;visibility:hidden}

.hero{position:relative; margin-bottom:100px;}
.hero:after{content:''; clear:both; display:table; width:100%;}
/* .hero .container:before{content:''; background:url(../images/banner-img.png) no-repeat center center; width:1004px; height:737px; display:block; float:right; position: absolute; right:0;} */
.bannerText{position:absolute; width:790px; z-index:9; top:50%; transform:translateY(-50%);}
.bannerText h1{font-size:80px; line-height:1.125; margin-bottom:25px;}

.buttn{color:var(--color-blue); font-size:23px; border-bottom:2px solid var(--color-blue); padding:0;}
.buttn:hover{color:var(--color-white); border-color:var(--color-white);}

.bnnrText{position:relative; z-index:99;}

.leftImg-with-text{margin-top:190px; margin-bottom:167px;}
.leftImg-with-text .row{align-items:center;}
.LeftImg-wt{float:right; position:relative; background:var(--color-blue); padding:63px 0 63px 37px;  margin-right:60px; z-index:1;}
.LeftImg-wt img{right:-130px; position:relative;}
/* .LeftImg-wt::after{content:''; background:var(--color-blue); z-index:-1; position:absolute; left:-164px; right:0; top:-63px; bottom:-63px; } */
.imgwText{max-width:410px; margin-left:150px;}

.cmpanyShort-dtl{margin-bottom:107px;}
.cmpanyShort-dtl ul{display:flex; margin:0; padding:0;}
.cmpanyShort-dtl ul li{text-align:center; flex:1; line-height:1; border-left: 2px solid var(--color-blue);
    border-image: linear-gradient(180deg, var(--color-black), var(--color-blue), var(--color-black)) 1; padding:65px 20px 100px;}
.cmpanyShort-dtl ul li:first-child{border-left:0;}
.cmpanyShort-dtl ul li strong{font-size:62px; display:block; font-weight:normal; font-family:'Conv_CircularStd-Medium';}
.cmpanyShort-dtl ul li small{font-size:20px; display:block; font-family:'Conv_Circular-Std-Book';max-width:180px; margin:0 auto;}

.home-gallery-grid{margin-bottom:130px;}
.home-gallery-grid .row>*{
    padding-right: calc(var(--bs-gutter-x) * 1.4);
    padding-left: calc(var(--bs-gutter-x) * 1.4);
    padding-bottom: calc(var(--bs-gutter-x) * 1.4);
    padding-top: calc(var(--bs-gutter-x) * 1.4);}

.glImg{overflow:hidden; width:100%; position:relative;}
.glImg img{width:100%; transform:scale(1); transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.glImg:hover img{transform:scale(1.2);}
.gBtn{background:var(--color-blue); color:var(--color-white); font-family:'Conv_CircularStd-Medium'; font-size:24px; font-weight:normal; position:absolute; z-index:9; line-height:1; padding:18px 10px; max-width:320px; width:90%; left:50%; top:50%; transform:translate(-50%, -50%); text-align:center;}
.gBtn:hover{background:var(--color-black); color:var(--color-white);}

.story-world-section{padding-top:55px; padding-bottom:80px; margin-bottom:162px; background:var(--color-blue);}
.story-world-section .row{align-items:center;}
.sw-text{max-width:530px; margin:0 auto;}
.sw-text .buttn{color:var(--color-white); font-size:23px; border-bottom:2px solid var(--color-white); padding:0;}
.sw-text .buttn:hover{color:var(--color-white); border-color:var(--color-white); opacity:.5;}
.story-world-img{margin-bottom:-120px;}


h2{font-size:62px; line-height:1.3; font-family:'Conv_CircularStd-Medium'; font-weight:normal; margin-bottom:36px;}
h3{font-size:42px; line-height:1.29; margin-bottom:36px;}
p{font-size:20px; font-family:'Conv_Circular-Std-Book'; font-weight:normal; margin-bottom:30px; line-height:1.45;}

/* testimonial css */
.testimonials-section{margin-bottom:140px;}
.testimonials-section h3{font-size:38px; margin-bottom:0;}
.testim .cont > .testi{display:flex; align-items:center; width:100%;}
.test-content{text-align:left; flex:1;}
.test-content .testi-text{ max-width:534px;}

.testi{display:grid; grid-template-columns:1fr 1fr; gap:50px;}
.testi .img{flex:1; text-align:center;}
.testi .img img{margin:0 auto;}
/* .testi .test-content{float:left;} */

.testim{width:100%;/*position:absolute;top:50%;-webkit-transform:translatey(-50%);-moz-transform:translatey(-50%);-ms-transform:translatey(-50%);-o-transform:translatey(-50%);transform:translatey(-50%)*/}
.testim .wrap{position:relative;width:100%;max-width:1560px;padding:26px 20px;margin:auto}
.testim .arrow{display:block;position:absolute;color:var(--color-light-greys);cursor:pointer;font-size:2em;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;padding:5px;z-index:22222222}
.testim .arrow:before{cursor:pointer;}
.testim .arrow:hover{color:var(--color-blue);}
.testim .arrow.left{left:10px}
.testim .arrow.right{right:10px}
.testim .dots{text-align:center;position:absolute;width:auto;top:50%; transform:translateY(-50%); right:0;display:block;z-index:3333;height:auto;padding-left:0;}
.testim .dots .dot{list-style-type:none;display:block;background:var(--color-darks); width:15px;height:15px;border-radius:50%;border:0px solid var(--color-light-greys);margin:20px 0;cursor:pointer;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:relative}
.testim .dots .dot.active,.testim .dots .dot:hover{background:var(--color-blue);border-color:var(--color-blue);}
.testim .dots .dot.active{-webkit-animation:testim-scale .5s ease-in-out forwards;-moz-animation:testim-scale .5s ease-in-out forwards;-ms-animation:testim-scale .5s ease-in-out forwards;-o-animation:testim-scale .5s ease-in-out forwards;animation:testim-scale .5s ease-in-out forwards}
.testim .cont{position:relative;overflow:hidden}
.testim .cont > div{text-align:center;position:absolute;top:0;left:0;padding:0 0 0px;opacity:0}
.testim .cont > div.inactive{opacity:1}
.testim .cont > div.active{position:relative;opacity:1}
.testim .cont div .img img{display:block;/**width:100px;height:100px;margin:auto;border-radius:50%*/}
.testim .cont div h2{color:var(--color-blue);font-size:1em;margin:15px 0}
.testim .cont div p{font-size:26px; line-height:1.36; font-family:'Conv_Circular-Std-Book'; color:var(--color-white);width:100%; margin:0 0 50px;}
.testim .cont div p.namePost{font-size:16px; padding-top:20px; margin-bottom:0;}
.testim .cont div.active .img img{-webkit-animation:testim-show .5s ease-in-out forwards;-moz-animation:testim-show .5s ease-in-out forwards;-ms-animation:testim-show .5s ease-in-out forwards;-o-animation:testim-show .5s ease-in-out forwards;animation:testim-show .5s ease-in-out forwards}
.testim .cont div.active h2{-webkit-animation:testim-content-in .4s ease-in-out forwards;-moz-animation:testim-content-in .4s ease-in-out forwards;-ms-animation:testim-content-in .4s ease-in-out forwards;-o-animation:testim-content-in .4s ease-in-out forwards;animation:testim-content-in .4s ease-in-out forwards}
.testim .cont div.active p{-webkit-animation:testim-content-in .5s ease-in-out forwards;-moz-animation:testim-content-in .5s ease-in-out forwards;-ms-animation:testim-content-in .5s ease-in-out forwards;-o-animation:testim-content-in .5s ease-in-out forwards;animation:testim-content-in .5s ease-in-out forwards}
.testim .cont div.inactive .img img{-webkit-animation:testim-hide .5s ease-in-out forwards;-moz-animation:testim-hide .5s ease-in-out forwards;-ms-animation:testim-hide .5s ease-in-out forwards;-o-animation:testim-hide .5s ease-in-out forwards;animation:testim-hide .5s ease-in-out forwards}
.testim .cont div.inactive h2{-webkit-animation:testim-content-out .4s ease-in-out forwards;-moz-animation:testim-content-out .4s ease-in-out forwards;-ms-animation:testim-content-out .4s ease-in-out forwards;-o-animation:testim-content-out .4s ease-in-out forwards;animation:testim-content-out .4s ease-in-out forwards}
.testim .cont div.inactive p{-webkit-animation:testim-content-out .5s ease-in-out forwards;-moz-animation:testim-content-out .5s ease-in-out forwards;-ms-animation:testim-content-out .5s ease-in-out forwards;-o-animation:testim-content-out .5s ease-in-out forwards;animation:testim-content-out .5s ease-in-out forwards}
@-webkit-keyframes testim-scale {
0%{-webkit-box-shadow:0 0 0 0 var(--color-light-greys);box-shadow:0 0 0 0 var(--color-light-greys)}
35%{-webkit-box-shadow:0 0 10px 5px var(--color-light-greys);box-shadow:0 0 10px 5px var(--color-light-greys)}
70%{-webkit-box-shadow:0 0 10px 5px var(--color-blue);box-shadow:0 0 10px 5px var(--color-blue)}
100%{-webkit-box-shadow:0 0 0 0 var(--color-blue);box-shadow:0 0 0 0 var(--color-blue)}
}
@-moz-keyframes testim-scale {
0%{-moz-box-shadow:0 0 0 0 var(--color-light-greys);box-shadow:0 0 0 0 var(--color-light-greys)}
35%{-moz-box-shadow:0 0 10px 5px var(--color-light-greys);box-shadow:0 0 10px 5px var(--color-light-greys)}
70%{-moz-box-shadow:0 0 10px 5px var(--color-blue);box-shadow:0 0 10px 5px var(--color-blue)}
100%{-moz-box-shadow:0 0 0 0 var(--color-blue);box-shadow:0 0 0 0 var(--color-blue)}
}
@-ms-keyframes testim-scale {
0%{-ms-box-shadow:0 0 0 0 var(--color-light-greys);box-shadow:0 0 0 0 var(--color-light-greys)}
35%{-ms-box-shadow:0 0 10px 5px var(--color-light-greys);box-shadow:0 0 10px 5px var(--color-light-greys)}
70%{-ms-box-shadow:0 0 10px 5px var(--color-blue);box-shadow:0 0 10px 5px var(--color-blue)}
100%{-ms-box-shadow:0 0 0 0 var(--color-blue);box-shadow:0 0 0 0 var(--color-blue)}
}
@-o-keyframes testim-scale {
0%{-o-box-shadow:0 0 0 0 var(--color-light-greys);box-shadow:0 0 0 0 var(--color-light-greys)}
35%{-o-box-shadow:0 0 10px 5px var(--color-light-greys);box-shadow:0 0 10px 5px var(--color-light-greys)}
70%{-o-box-shadow:0 0 10px 5px var(--color-blue);box-shadow:0 0 10px 5px var(--color-blue)}
100%{-o-box-shadow:0 0 0 0 var(--color-blue);box-shadow:0 0 0 0 var(--color-blue)}
}
@keyframes testim-scale {
0%{box-shadow:0 0 0 0 var(--color-light-greys)}
35%{box-shadow:0 0 10px 5px var(--color-light-greys)}
70%{box-shadow:0 0 10px 5px var(--color-blue)}
100%{box-shadow:0 0 0 0 var(--color-blue)}
}
@-webkit-keyframes testim-content-in {
from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@-moz-keyframes testim-content-in {
from{opacity:0;-moz-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
}
@-ms-keyframes testim-content-in {
from{opacity:0;-ms-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
}
@-o-keyframes testim-content-in {
from{opacity:0;-o-transform:translateY(100%);transform:translateY(100%)}
to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes testim-content-in {
from{opacity:0;transform:translateY(100%)}
to{opacity:1;transform:translateY(0)}
}
@-webkit-keyframes testim-content-out {
from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}
}
@-moz-keyframes testim-content-out {
from{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}
to{opacity:0;-moz-transform:translateY(-100%);transform:translateY(-100%)}
}
@-ms-keyframes testim-content-out {
from{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}
to{opacity:0;-ms-transform:translateY(-100%);transform:translateY(-100%)}
}
@-o-keyframes testim-content-out {
from{opacity:1;-o-transform:translateY(0);transform:translateY(0)}
to{opacity:0;transform:translateY(-100%);transform:translateY(-100%)}
}
@keyframes testim-content-out {
from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-100%)}
}
@-webkit-keyframes testim-show {
from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes testim-show {
from{opacity:0;-moz-transform:scale(0);transform:scale(0)}
to{opacity:1;-moz-transform:scale(1);transform:scale(1)}
}
@-ms-keyframes testim-show {
from{opacity:0;-ms-transform:scale(0);transform:scale(0)}
to{opacity:1;-ms-transform:scale(1);transform:scale(1)}
}
@-o-keyframes testim-show {
from{opacity:0;-o-transform:scale(0);transform:scale(0)}
to{opacity:1;-o-transform:scale(1);transform:scale(1)}
}
@keyframes testim-show {
from{opacity:0;transform:scale(0)}
to{opacity:1;transform:scale(1)}
}
@-webkit-keyframes testim-hide {
from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}
}
@-moz-keyframes testim-hide {
from{opacity:1;-moz-transform:scale(1);transform:scale(1)}
to{opacity:0;-moz-transform:scale(0);transform:scale(0)}
}
@-ms-keyframes testim-hide {
from{opacity:1;-ms-transform:scale(1);transform:scale(1)}
to{opacity:0;-ms-transform:scale(0);transform:scale(0)}
}
@-o-keyframes testim-hide {
from{opacity:1;-o-transform:scale(1);transform:scale(1)}
to{opacity:0;-o-transform:scale(0);transform:scale(0)}
}
@keyframes testim-hide {
from{opacity:1;transform:scale(1)}
to{opacity:0;transform:scale(0)}
}
@media all and (max-width: 300px) {
body{font-size:14px}
}
@media all and (max-width: 500px) {
.testim .arrow{font-size:1.5em}
.testim .cont div p{line-height:25px}
}
/* testimonial css */

/*Our Client*/
.ourClient-section:after{content:''; clear:both; display:table; width:100%;}
.ourClient-section h3{font-size:32px; text-align:center; font-weight:normal; margin-bottom:63px;}
.ourClient-section ul{list-style-type:none; padding:0; margin:0;}
.ourClient-section ul:after{content:''; clear:both; display:table; width:100%;}
.ourClient-section ul li{float:left; width:25%; padding:30px 12px;}
.ourClient-section ul li .clientLogo{height:246px; padding:0 15px; width:100%; background:var(--color-white); display:flex; align-items:center;}
.ourClient-section ul li .clientLogo img{margin:0 auto; max-width:100%;}

.letsTalk{margin:155px 0;}
.lt-content{margin:0 auto; text-align:center;}
.lt-content h3{margin-bottom:50px;}
.bg-btn{background:var(--color-blue); color:var(--color-white); font-size:24px; max-width:316px; width:100%; display:inline-block; padding:15px 0;}
.bg-btn:hover{color:var(--color-blue); background:var(--color-white); }
/*Our Client*/

/* footer css */
footer{padding:45px 0 56px;}
.ftr-logo img{width:180px;}
.ftr-social{text-align:right;}
.ftr-social ul{list-style-type:none; margin:0; padding:0;}
.ftr-social ul li{display:inline-block; padding:0 16px;}
.ftr-social ul li:last-child{padding-right:0;}
.ftr-social ul li a{color:var(--color-white); font-size:20px;}
.ftr-social ul li a:hover{color:var(--color-blue);}

.ftr-middle{margin:75px 0 140px;}
.ftrMenu h4{font-size:16px; margin-bottom:25px;}
.ftrMenu ul{list-style-type:none; margin:0; padding:0;}
.ftrMenu ul li a{color:var(--color-white); font-size:14px; padding:5px 0; display: block;}
.ftrMenu ul li a:hover{color:var(--color-blue);}

.copyRight{font-size:12px;font-family:'Conv_Circular-Std-Book';}
.designedBy{text-align:right;font-size:12px;font-family:'Conv_Circular-Std-Book';}
.designedBy img{display:inline-block; margin-left:10px;}
/* footer css */

/**Inner Page CSS**/
.inner-banner{min-height:544px; position:relative; background-repeat:no-repeat;
    background-position:center center; background-size:cover;
}
.main-title h2 {font-size:60px; color:var(--color-white); text-transform:capitalize; font-style:normal;
    line-height:52px; letter-spacing:-0.9px;}
.main-title h2>span {color:var(--color-blue);}

.white-section{background:var(--color-white); color:var(--color-black); padding:130px 0;}
.lgIntro{margin-bottom:400px;}
.lead-gnrtion-intro, .pgintro{max-width:794px; margin:0 auto;}
.lead-gnrtion-intro h3, .pgintro h3{font-size:36px; margin-bottom:50px;}

.lg-intro-imgText{margin-top:114px; margin-bottom:-370px; position:relative; z-index:99;}
.lg-intro-left{background:var(--color-blue); color:var(--color-white); padding:90px 72px;}
.lg-intro-left p:last-child{margin-bottom:0;}

.lg-introImg{margin-left:20px;}

.call-actions-main{ background:var(--color-black); padding:20px 0 180px 0;}
.call-actions-left .main-title-second h3 {color: var(--color-white); margin-bottom:46px;}
.call-actions-left p{font-size:17px; line-height:29px; color:var(--color-white);}
.call-actions-left {position:relative; padding:23px 155px 30px 0;}
.call-actions-left:after{height:100%; width:1px; content:""; position:absolute; right:60px; top:0; background:#5d6066;}
.call-to-action {margin-top:54px;}
.call-to-action > a{font-size:20px; color:var(--color-blue); border-bottom:1.5px solid var(--color-blue); padding-bottom:0;}
.call-to-action > a:hover{color:var(--color-white); border-bottom:1.5px solid var(--color-white);}
.call-actions-right{font-family:'Conv_Circular-Std-Book'; font-size:18px; color:var(--color-white); padding-top:30px;}
.call-actions-right > h4{font-size:18px; margin-bottom:35px;}
.call-actions-right ul{padding:0; margin:0;}
.call-actions-right li {display:inline-block; width:100%; margin-bottom:19px; position:relative; padding-left:17px;}
.call-actions-right li:before{position:absolute; left:0; top:9px; height:8px; width:8px; content:"";
   background:var(--color-white); border-radius:100%;}
.call-actions-right li:last-child{margin-bottom:0;}

.lg-list-icon{margin-bottom:200px;}

.lg-list-icon ul{list-style-type:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:50px; } 
.lg-list-icon ul li{text-align:center;}
.lg-list-icon ul li img{display:inline-block;}
.lg-icon{margin-bottom:65px;}
.lg-list-icon ul li span{display:block; font-size:18px; line-height:1.74; max-width:236px; margin:0 auto;}

.twoColumn-img{display:flex; margin:100px 0;}

/*Marketing & Strategy Page CSS*/
.msIntro{}
.msIntro-list ul{list-style-type:none; margin:0; padding:0;}
.msIntro-list{padding-top:10px;}
.ms-list-dlt{max-width:334px; margin:0 auto;}
.msIntro-list li{display:inline-block; margin-top:30px; width:33%; text-align:center;}
.msIntro-list li strong{font-size:22px; font-weight:normal; margin-bottom:17px; display:block;}
.msIntro-list li p{font-size:16px;}
.ms-icon{margin-bottom:30px;}
.ms-icon img{display:inline-block;}

.percentOff-sectoin{}
.blck{width:50%;}
.blkClr{background:var(--color-blue); color:var(--color-white); padding:50px 60px 50px 130px;}
.pOffText{max-width:560px;}
.pOffText h2{font-size:46px; line-height:1.24;}
.pOffText p{font-size:17px; margin-bottom:40px;}
.pOffText .buttn{color:var(--color-white); font-size:23px; border-bottom:2px solid var(--color-white); padding:0;}
.pOffText .buttn:hover{color:var(--color-white); border-color:var(--color-white); opacity:.5;}

.twoIMgText-bottom{max-width:1016px; margin:140px auto 0; text-align:center; padding:0 20px;}
.twoIMgText-img-main{padding:0 12px;}
.twoIMgText-btm-inner>h2{font-size:56px; font-family:'Conv_CircularStd-Medium'; position:absolute; top:50%;
    z-index:9; transform:translateY(-50%); letter-spacing:-0.9px; left:0; right:0; margin:0 auto; text-shadow:0 0 30px rgba(0,0,0,.6);}
.twoIMgText-btm-inner{position:relative;}
.twoIMgText-img-main:first-child{margin-top:170px; position:relative;} 
.twoIMgText-img-btm{display:flex; justify-content:center;}
.img-shape{position:absolute; top:-170px; z-index:9; left:auto;}
.twoIMgText-btm-banner{padding-bottom:46.3%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
/*Marketing & Strategy Page CSS*/

/* ecommerce page CSS */
.mobile-screen-section{margin-top:80px;}
.mbl-screens{display:table; margin:0 auto;}

.award-winning-section{padding:125px 0;}

.aw-logo ul{margin:0px; padding:0;}
.aw-logo ul li{width:49%; min-height:100px; display:inline-flex; align-items:center; margin:20px 0;}
.aw-logo ul li img{margin:0 auto;}

.award-winning-section .col-lg-6{padding-top:20px; padding-bottom:50px;}

.award-winning-section .col-lg-6:first-child{border-right:1px solid var(--color-white-opacity);}
.aw-content{max-width:661px;}
.aw-content h2{font-size:52px;}
.aw-content p{font-size:17px;}
.buttn{font-size:20px;}
.aw-logo{margin-left:30px;}

.boost-sales-section{padding:110px 0 125px;}
.bs-contnt{max-width:868px; margin:0 auto; text-align:center;}
.bs-contnt h2{font-size:52px; margin-bottom:20px;}

.whiteBtn{font-size:20px; color:var(--color-white); border-bottom: 2px solid var(--color-white);}
.whiteBtn:hover{color:var(--color-blue); border-color:var(--color-blue);}
.boost-sales-section .whiteBtn:hover{color:var(--color-black); border-color:var(--color-black);}
.logo-icon{margin-bottom:50px;}
.logo-icon img{display:inline-block;}

.profitable-section{padding:150px 0 0;}
.pr-img{text-align:right;}
.pr-img img{display:inline-block;}
.pr-text{font-size:58.24px; line-height:1.135; margin-left:-108px;}

.videoSection{margin-top:80px;}
.intVideo{max-width:1162px; width:100%; margin:0 auto;}
#video.active{max-width:1162px !important; margin:0 auto; display:block; position:relative; padding-bottom:45.25%;}
#video.active iframe{position: absolute; height:100%; width:100%;}

.videoPage-call{padding:100px 0;}
.videoPage-call h3{font-size:36px;}

.blueBg-section{background:var(--color-blue); color:var(--color-white); padding:110px 0 125px;}
.photoImg{padding-bottom:0; margin-bottom:106px; padding-top:44px;}
.photoImg .container{bottom:-106px; position:relative;}

.phtImg{display:table; margin:0 auto; overflow:hidden;}
.phtImg img{transform:scale(1); transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.phtImg:hover img{transform:scale(1.2);}

.ccc-section{background:url(../images/ccc-img.png) center center no-repeat; min-height:858px; margin-top:120px; margin-bottom:-155px;}
.cccTitle{font-size:80px; text-align:center;}
.cccTitle span{color:var(--color-blue);}
/* ecommerce page CSS */

.meet-the-team-page .letsTalk{display:none;}
/* NEWs page CSS */
.artical-list .letsTalk{display:none;}
.artical-details .letsTalk{display:none;}

.newsTitle{margin-bottom:24px; margin-top:24px;}
.newsTitle h1{font-size:80px; margin-bottom:0;}
.newsTitle h1 span{color:var(--color-blue);}
.newsTitle h2{font-size:48px; margin-bottom:0;}
/* .archive-btn{position:relative; z-index:1;}

.archive-btn:after{content:''; border:solid var(--color-white); border-width:0 3px 3px 0; display:inline-block; padding:5px; margin-top:-4px;
    vertical-align:middle; transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); position:absolute; right:22px; top:50%; z-index:-1;}
.archive-btn .form-select{width:auto; display:inline-block; appearance:none; width:220px; background:none; color:var(--color-white); font-size:12px; border-color:var(--color-white-opacity); letter-spacing:1.2px; min-height:54px; text-transform:uppercase; outline:none; box-shadow:none;}
.archive-btn .form-select option{display:block; min-height:30px; background:var(--color-black);}
.archive-btn .form-select option:hover{color:var(--color-black) !important;} */
.archive-btn label{text-transform:uppercase; font-size:12px; margin-right:18px; letter-spacing:1.3px;}
.archive-btn .dropdown.bootstrap-select{width:220px !important;}
.archive-btn .dropdown-toggle.btn-light:after{content: ''; border:solid var(--color-greys); border-width:0 3px 3px 0; display:inline-block;
padding:4px; margin-top:-2px; vertical-align:middle; transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); position:absolute; right:22px; top:50%; z-index:1;}
.archive-btn .dropdown-toggle.btn-light{border:1px solid #696969; background:var(--color-black); color:var(--color-white); height:54px; padding:0 20px; outline:0 !important; box-shadow:none !important; border-radius:2px; -webkit-border-radius:2px;}
.archive-btn .dropdown-toggle.btn-light .filter-option{display:flex; align-items:center;}
.artical-list .dropdown-menu.show{padding:0 !important; outline:0px solid #d3d3d3; border:1px solid #d3d3d3; border-radius:0;}
.artical-list .dropdown-menu.show .dropdown-item{padding:8px 20px;}
.artical-list .bootstrap-select .dropdown-menu li a span.text{font-size:15px;}


.news-short-box{background:var(--color-white); color:var(--color-black); padding:55px; margin-bottom:98px;}
.newsSrtDtl h2{font-size:52px; line-height:1.12;}

.date-share{display:flex; align-items:center; margin-bottom:30px;}
.date-share .dte{text-transform:uppercase; font-size:14px; color:var(--color-greys); font-weight:normal; font-family:'Conv_Circular-Std-Book'; font-weight:normal; letter-spacing:1.5px; padding-right:18px; margin-right:8px; border-right:1px solid var(--color-greys);}

.share ul{position:relative;margin:0;padding:0;display:flex;list-style:none; width:250px; height:45px}
.share ul::before{content:"\f1e0";font-family:fontAwesome;font-weight:normal; position:absolute;width:50px; height:45px;background:var(--color-white);border-radius:50px;text-align:center;line-height:45px;color:var(--color-greys);font-size:20px; transition:.5s;z-index:1; transform:scale(1, 1.1);}
.share ul::after{content:'Share'; opacity:1; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; line-height:45px; text-transform:uppercase; color:var(--color-greys); font-size:14px; position:absolute; top:50%; transform:translateY(-50%); left:55px; letter-spacing:1.5px;}
.share ul:hover::before{width:50px;}
.share ul:hover::after{opacity:0; visibility:hidden;}
.share ul li{position:absolute;transition:1s; margin-top:3px; margin-left:3px;}
.share ul li a{display:block;width:40px;height:40px;line-height:45px;text-align:center;background-color:#262626;color:#fff;border-radius:50%;font-size:20px;transition:.5s}
.share ul li:nth-child(1) a{background-color:#3b5999}
.share ul li:nth-child(2) a{background-color:#55acee}
.share ul li:nth-child(3) a{background-color:#dd4b39}
.share ul li:nth-child(4) a{background-color:#0077B5}
.share ul li:nth-child(5) a{background-color:#e4405f}
.share ul:hover li:nth-child(1) a{transform:translatex(58px) rotate(360deg);transition-delay:.8s}
.share ul:hover li:nth-child(2) a{transform:translatex(106px) rotate(360deg);transition-delay:.6s}
.share ul:hover li:nth-child(3) a{transform:translatex(154px) rotate(360deg);transition-delay:.4s}
.share ul:hover li:nth-child(4) a{transform:translatex(202px) rotate(360deg);transition-delay:.2s}
.share ul:hover li:nth-child(5) a{transform:translatex(250px) rotate(360deg);transition-delay:0}

.newsArticles-list{margin-top:34px;}
.newsArticles-list .NA-list{margin-bottom:46px; padding-bottom:40px;}

.newsSrtDtl{padding:0 75px;}
.newsSrtDtl p{font-size:17px;}
.newsSrtDtl .buttn{font-size:18px;}
.newsSrtDtl .buttn:hover{color:var(--color-black); border-color:var(--color-black);}
.na-btn{margin-top:12px;}
.na-btn .buttn{font-size:16px;}

.newsArticles-list .row{--bs-gutter-x:68px;}

.na-img{overflow:hidden;}
.na-img img{width:100%; transform:scale(1); transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.NA-list:hover .na-img img{transform:scale(1.2);}
.na-title{font-size:28px; line-height:1.22; margin:22px 0 5px;}
.na-social{display:flex; align-items:center;}
.na-social .dte{color:var(--color-greys); margin-right:10px; padding-right:10px; border-right:1px solid var(--color-greys);}
.na-social .share ul::before{width:40px; height:35px; line-height:35px; font-size:18px; background:var(--color-black);}
.na-social .share ul li a{height:30px; width:30px; line-height:33px; font-size:15px;}
.na-social .share ul::after{left:50px; margin-top:-3px; height:14px; line-height:inherit;}
.na-social .share ul{height:35px;}

.na-social .share ul:hover li:nth-child(1) a{transform:translatex(45px) rotate(360deg);transition-delay:.8s}
.na-social .share ul:hover li:nth-child(2) a{transform:translatex(80px) rotate(360deg);transition-delay:.6s}
.na-social .share ul:hover li:nth-child(3) a{transform:translatex(116px) rotate(360deg);transition-delay:.4s}
.na-social .share ul:hover li:nth-child(4) a{transform:translatex(151px) rotate(360deg);transition-delay:.2s}
.na-social .share ul:hover li:nth-child(5) a{transform:translatex(190px) rotate(360deg);transition-delay:0}

.loaderBtn{text-align:center; margin:50px 0 100px;}
.loaderBtn a{border:1px solid var(--color-greys); max-width:252px; text-align:center; font-family:'Conv_Circular-Std-Book'; font-size:13px; color:var(--color-white); letter-spacing:1.3px; text-transform:uppercase; display:block; margin:0 auto; padding:15px 20px;}
.loaderBtn a:hover{background:var(--color-blue); color:var(--color-white); border-color:var(--color-blue);}
/* NEWs page CSS */

.breadcrum a{ color:var(--color-blue); border-bottom:1px solid var(--color-blue);}
.breadcrum a:hover{color:var(--color-black); border-color:var(--color-black);}


.news-actical-dtl-content{max-width:896px; margin:30px auto 55px;}
.news-actical-dtl-content .newsSrtDtl{padding:0;}
.news-artical-bg{background:var(--color-white); color:var(--color-black); padding:35px 40px; margin-bottom:90px;}
.news-articl-dlt-img{margin:50px 0;}
.ndTags{font-size:18px; color:var(--color-greys); border-top:1px solid var(--color-light); padding-top:60px; margin-top:60px;}
.ndTags a{margin:0 11px; color:var(--color-blue); border-bottom:1px solid var(--color-blue);}
.ndTags a:hover{color:var(--color-black); border-color:var(--color-black);} 



/**contact page**/
.contact .letsTalk{display:none;}
.contactPage{display:flex; margin-bottom:50px;}
.contactPage .contactBox{width:50%;}
.contentLeft{background:var(--color-blue); color:var(--color-white); position:relative; z-index:1;}
.contentLeft:after{content:''; background:url(../images/contact-left-img.png) no-repeat right center; z-index:-1; width:572px; height:486px; display:block; position:absolute; top:50%; transform:translateY(-20%);}
.contactAdd{max-width:779px; height:100%; float:right; width:100%; padding:110px 56px; position:relative;}
.contactAdd h1{font-size:120px; margin-bottom:13px; line-height:1;}
.contactAdd p{padding-left:9px;}
.cAddress{display:flex; position:absolute; bottom:105px; left:56px; right:56px;}
.cAddress address{width:50%;}
.cAddress address p{margin-bottom:0;}
.cAddress address p.addTitle{margin-bottom:16px;}

.contentRight{background:var(--color-white); color:var(--color-black);}
.contactFormBox{max-width:779px; float:left; width:100%; padding:110px 56px;}
.contactForm{max-width:531px; margin:0 auto;}
.contactForm .row {--bs-gutter-x:5px;}
.contactForm label{font-family:'Conv_Circular-Std-Book'; font-size:18px; margin-bottom:3px;}
.contactForm .form-control{background:#f2f2f2; border-radius:2px; border:0; padding:0 20px; letter-spacing:.5px; font-family:'Conv_Circular-Std-Book'; font-weight:normal; font-size:16px; box-shadow:inset 3px 3px 5px rgba(0,0,0,.06); height:54px;}
.contactForm .form-check{width:175px;}
.radioDiv{display:flex; align-items:center; margin-top:11px; margin-bottom:30px;}
.sbtn .btn{background:var(--color-black); color:var(--color-white); width:100%; font-size:24px; height:67px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.sbtn .btn:hover{background:var(--color-blue);}

.conatact-select .dropdown.bootstrap-select{width:100% !important;}
.conatact-select .dropdown-toggle.btn-light:after{content: ''; border:solid var(--color-greys); border-width:0 3px 3px 0; display:inline-block;
padding:4px; margin-top:-2px; vertical-align:middle; transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); position:absolute; right:22px; top:50%; z-index:1;}
.conatact-select .dropdown-toggle.btn-light{border:1px solid #d3d3d3; height:54px; padding:0 20px; outline:0 !important; box-shadow:none !important; border-radius:2px; -webkit-border-radius:2px;}
.conatact-select .dropdown-toggle.btn-light .filter-option{display:flex; align-items:center;}
.contact .dropdown-menu.show{padding:0 !important; outline:0px solid #d3d3d3; border:1px solid #d3d3d3; border-radius:0;}
.contact .dropdown-menu.show .dropdown-item{padding:8px 20px;}
.contact .bootstrap-select .dropdown-menu li a span.text{font-size:15px;}

  .rdio{position:relative;}
  .rdio input[type=radio]{opacity:0; padding:0; position:absolute; height:0; width:0;}
  .rdio label{padding-left:5px;cursor:pointer;margin-bottom:0px!important}
  .rdio label:before{width:18px;height:18px;position:absolute;top:4px;left:0;content:"";display:inline-block;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:1px solid #c9c9c9;background:#fff}
  .rdio input[type=radio]{margin:0}
  .rdio input[type=radio]:checked + label::after{content:"";position:absolute;top:9px;left:5px;display:inline-block;font-size:11px;width:8px;height:8px;background-color:#fbc52d;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
  .rdio-default input[type=radio]:checked + label:before{border-color:#010101}
  .rdio-primary input[type=radio]:checked + label:before{border-color:#010101}
  .rdio-primary input[type=radio]:checked + label::after{background-color:#010101}

  .wpcf7-list-item{position:relative;}
  .wpcf7-list-item.first{width:175px; float:left;}
  .wpcf7-list-item input[type=radio]{opacity:0; padding:0; position:absolute; height:0; width:0;}
  .wpcf7-list-item label{padding-left:29px;cursor:pointer;margin-bottom:0px!important; position:relative;}
  .wpcf7-list-item label span:before{width:18px;height:18px;position:absolute;top:4px;left:0;content:"";display:inline-block;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:1px solid #c9c9c9;background:#fff}
  .wpcf7-list-item input[type=radio]{margin:0}
  .wpcf7-list-item input[type=radio]:checked + span::after{content:"";position:absolute;top:9px;left:5px;display:inline-block;font-size:11px;width:8px;height:8px;background-color:#010101;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px}
  .wpcf7-list-item input[type=radio]:checked + span:before{border-color:#010101}
  .wpcf7-list-item input[type=radio]:checked + span:before{border-color:#010101}
  .wpcf7-list-item input[type=radio]:checked + span::after{background-color:#010101}
    
  .wpcf7 form.sent .wpcf7-response-output{color:#46b450; text-align:center; padding:0.7em 1em; margin:-20px 0 20px; line-height:1.1;}
  .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{line-height:1.1; color:#ffb900; text-align:center; padding:0.7em 1em; margin:-20px 0 20px;}
  .wpcf7-list-item{margin-left:0px;}
  
  /**contact page**/


  /**Career page**/
  .careers .letsTalk{display:none;}
  .careerPage{margin-bottom:90px; margin-top:30px;}
  .careerPage:after{content:''; clear:both; display:table; width:100%;}
  .careerPage h1{font-size:60px; margin-bottom:43px; line-height:1;}
  .careerPage h1 span{color:var(--color-blue);}
.careerPage p{padding-left:0;}


.careerLeft{max-width:531px; }
.careerForm{margin-top:45px;}
.careerForm .row {--bs-gutter-x:5px;}
.careerForm label{font-family:'Conv_Circular-Std-Book'; font-size:18px; margin-bottom:3px;}
.careerForm .form-control{background:#3d4148; border-radius:2px; border:0; padding:0 20px; letter-spacing:.5px; font-family:'Conv_Circular-Std-Book'; font-weight:normal; font-size:16px; box-shadow:inset 3px 3px 5px rgba(0,0,0,.06); height:54px; color:rgba(255,255,255,.5);}
.careerForm  select.form-control{background:none; color:#fff; border:1px solid var(--color-greys);}
.careerForm .sbtn{margin-top:60px;}
.careerForm .sbtn .btn{background:var(--color-blue); color:var(--color-white); width:100%; font-size:24px; height:67px; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
.careerForm .sbtn .btn:hover{background:var(--color-white); color:var(--color-blue);}
 
.blkSelct .dropdown.bootstrap-select{width:100% !important;}
.blkSelct .dropdown-toggle.btn-light:after{content: ''; border:solid var(--color-greys); border-width:0 3px 3px 0; display:inline-block;
padding:4px; margin-top:-2px; vertical-align:middle; transform:translateY(-50%) rotate(45deg); -webkit-transform:translateY(-50%) rotate(45deg); position:absolute; right:22px; top:50%; z-index:1;}
.blkSelct .dropdown-toggle.btn-light{border:1px solid #696969; color:rgba(255,255,255,.5); background:var(--color-black); height:54px; padding:0 20px; outline:0 !important; box-shadow:none !important; border-radius:2px; -webkit-border-radius:2px;}
.blkSelct .dropdown-toggle.btn-light .filter-option{display:flex; align-items:center;}
.careers .dropdown-menu.show{padding:0 !important; outline:0px solid #d3d3d3; border:1px solid #d3d3d3; border-radius:0;}
.careers .dropdown-menu.show .dropdown-item{padding:8px 20px;}
.careers .bootstrap-select .dropdown-menu li a span.text{font-size:15px;}
/**Career page**/