@font-face {

font-family: 'Avenir LT Std';

src: url('../fonts/AvenirLTStd-Roman.woff2') format('woff2'),

url('../fonts/AvenirLTStd-Roman.woff') format('woff');

font-weight: normal;

font-style: normal;

font-display: swap;

}

@font-face {

font-family: 'Avenir LT Std 65';

src: url('../fonts/AvenirLTStd-Black.woff2') format('woff2'),

url('../fonts/AvenirLTStd-Black.woff') format('woff');

font-weight: 900;

font-style: normal;

font-display: swap;

}

body {
    line-height: 20px;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

@media(min-width: 1200px){

    .footer-link ul li a:hover {

    color: #ff2056;

}

    .choose-box .custom-btn:hover {

    background-color: #01155e !important;

}

    .custom-btn:hover {

    background-color: #ff2056 !important;

    color: #fff !important;

}

    .inner-header .navbar-menu ul li a:hover {

    color: #ff2056 !important;

}

.inner-about-sec:before,.inner-about-sec:after, .digital-product-sec:before, .digital-product-sec:after{

display: none;

}

.home-about-sec:before {

content: '';

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

width: 658px;

height: 900px;

position: absolute;

top: 0;

left: 0;

}

.home-about-sec:after {

content: '';

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

top: 0;

right: 0;

bottom: 0;

margin: auto;

width: 249px;

height: 457px;

position: absolute;

}

.apporach-sec:after {

content: '';

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

width: 311px;

height: 540px;

position: absolute;

top: 0;

right: 0;

bottom: 0;

margin: auto;

}

.apporach-sec:before {

content: '';

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

width: 288px;

height: 137px;

position: absolute;

top: 16%;

}

.banner-sec .banner-caption:before {

content: '';

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

width: 288px;

height: 137px;

position: absolute;

top: -60px;

left: 50px;

}

.casestudies-box .case-studies-content a:before{

content: '';

position: absolute;

top: 0;

width: 60px;

height: 3px;

background-color: #f0526b;

}

.service-sec:after {

content: '';

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

width: 520px;

height: 540px;

position: absolute;

top: 0;

right: 0;

bottom: 0;

margin: auto;

z-index: -4;

}

.service-sec:before {

content: '';

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

width: 395px;

height: 1275px;

position: absolute;

top: 0;

left: 0;

bottom: 0;

margin: auto;

z-index: -4;

}

}

.clear { height: 0; line-height: 0; clear: both; }

.clr { height: 0; line-height: 0; clear: both; }

::selection {

background: #FF5E99;

color: #fff;

text-shadow: none;

}

h1,h2,h3,h4,h5,h6{

margin: 0;

padding: 0;

}

h1{

font-family: 'Avenir LT Std 65';

font-size: 70px;

color: #fff;

font-weight:900;

}

h2{font-family: 'Poppins';font-size: 39px;color: #000;font-weight:700;}

h3{font-family: 'Poppins';font-size: 39px;color: #000;font-weight:700;}

h4{

font-family: 'Poppins';

font-size: 26px;

color: #fff;

font-weight:700;

}

.global-title-box h2 {

margin-top: 20px;

margin-bottom: 30px;

}

.global-title-box p {color: #000;}

.custom-btn{background-color: #ff2056;padding: 17px 55px;border-radius: 30px;display: inline-block;font-family: 'Avenir LT Std 65';text-transform: uppercase;color: #fff;font-size: 16px;text-align: center;}

a {

-webkit-transition: all .3s ease;

-moz-transition: all .3s ease;

-o-transition: all .3s ease;

transition: all .3s ease;

}

a {

color: #161618;

text-decoration: none !important;

font-family: 'Avenir LT Std';

}

a:hover {color:#000;}

ul{

padding: 0;

margin: 0;

}

ul li{

list-style: none;

}

p {color: #161618;font-size: 17px;line-height: 26px;margin: 0;font-weight: 400;font-family: 'Poppins';}

/*----------------------

Header

----------------------*/

.header_nav.sticky {

position: fixed;

font-size: 24px;

line-height: 48px;

height: 48px;

width: 100%;

text-align: left;

z-index: 999;

top: 0;

}

.shape-sec {

/*background-color: #c4d0f6;
padding: 25px;*/
padding-top: 0;
position: relative;z-index: 1;}

header {

background-color: #fff;

padding: 10px 0;

position: relative;z-index: 1;}

.external-header .inner-header .navbar-menu ul li a {

/*color: #fff;*/

}

/*.external-header .better-design-box .box p {

color: #fff;

}

.external-header .better-design-box .box span a {

color: #fff;

}*/

header .container-fluid {

padding: 0 90px;

}

.inner-header{display: flex;align-items: center;/* border-bottom: 1px solid #e7e7e7; *//* padding-bottom: 6px; */}

.inner-header .logo-box{}

.inner-header .navbar-menu{margin-left: auto;}

.inner-header .navbar-menu ul{}

.inner-header .navbar-menu ul li{

display: inline-block;

margin-right: 35px;

}

.inner-header .navbar-menu ul li a{

font-family: 'Avenir LT Std';

font-size: 15px;

color: #161618;

font-weight: 600;

}

.inner-header .btn-box{

display: flex;

align-items: center;

margin-left: auto;
gap:0 10px;

}

.inner-header .btn-box .box{

margin-left: 17px;

}

.inner-header .btn-box .box a{

background-color: #01155e;

color: #fff;

font-size: 14px;

text-transform: uppercase;

padding: 10px 30px;

border-radius: 30px;

font-weight: 600;

}

.box.get-started a {

background-color: #ff2056 !important;

}

.better-design-box {

display: flex;

align-items: center;

justify-content: space-between;

padding-top: 9px;

}

.better-design-box .box p {

font-family: 'Avenir LT Std';

}

.better-design-box .box p .better-txt{

font-size: 20px;

font-family: 'Avenir LT Std 65';

font-weight: 900;

margin-right: 60px;

}

.better-design-box .box p .pink-color{

color: #ff2056;

}

.better-design-box .box span img{

margin-left: 15px;

margin-right: 7px;

position: relative;

top: -1px;

}

.better-design-box .box span a{

font-size: 15px;

font-weight: 600;

}

.banner-sec{

background-color: #fff;

display: flex;

align-items: center;

position: relative;

padding-top: 25px;

}

.banner-sec .banner-caption{

position: absolute;

z-index: 99;

left: 0;

height: 526px;

display: flex;

flex-direction: column;

width: 100%;

justify-content: center;

padding: 0 70px;

/* background: url(../images/txt-bg.jpg) no-repeat #01155e; */

background-size: cover;

right: 0;margin: auto;text-align: center;}

.banner-sec .banner-caption p {

color: #fff;

font-family: 'Avenir LT Std';

font-size: 17px;

padding-right: 26px;

color: #000;}

.banner-sec .banner-caption .custom-btn {

align-self: flex-start;

background-color: #54f5af;

margin: 0 auto;color: #01155e;

margin-top: 30px;

padding: 17px 25px;

}

.banner-sec .banner-caption h1 {

margin-bottom: 26px;

line-height: 80px;

color: #000;}

.banner-sec .banner-figure{

margin-left: auto;

width: 1310px;

}

.banner-sec .banner-figure img{

width: 100%;

height: 100%;

}

.home-about-sec{

margin-top: 70px;

border-bottom: 30px solid #c4d0f6;

padding-bottom: 50px;

position: relative;

}

.home-about-sec .global-title-box {

margin-bottom: 70px;

}

.home-about-sec .choose-box{margin-top: 0;}

.home-about-sec .choose-box h3{margin-bottom: 25px;line-height: 50px;}

.home-about-sec .img-box {

padding-right: 50px;

}

.home-about-sec .choose-box i{

font-size: 18px;

color: #6d6d6d;

margin-bottom: 30px;

display: block;

}

.home-about-sec .choose-box p{margin-bottom: 21px;font-weight: 300;}

.counter-box{

display: flex;

align-items: center;

justify-content: space-evenly;

text-align: center;

margin-top: 90px;

}

.counter-box .box{}

.counter-box .box span{

display: flex;

align-items: center;

}

.counter-box .box p{

margin-top: 10px;

font-weight: 500;

}

.best-practice{

margin-top: 120px;

padding-left: 50px;

}

.best-practice .img-box{

padding: 0;

}

.best-practice .img-box img{

width: 100%;

}

.best-practice .practice-content-box{}

.best-practice .practice-content-box h3{line-height: 55px;margin-bottom: 30px;}

.best-practice .practice-content-box p{padding-right: 0;}

.brand-logo {

margin-top: 70px;

}

.service-sec {

padding: 70px 0;

border-bottom: 28px solid #c4d0f6;

position: relative;

}

.service-box{

    cursor: pointer;

}

.service-box .color-bg{

background-color: #0172ff;

padding: 25px 25px;

}

.service-box .color-bg img{}

.service-box .color-bg h4{

margin-top: 25px;

line-height: 40px;

}

.service-box .img-box{

    position: relative;

    overflow: hidden;

}

.service-box .img-box img{}

.service-sec .global-title-box {

margin-bottom: 75px;

}

.service-sec .col-md-4:nth-child(2) .color-bg {

background-color: #2b0054 !important;

}

.service-sec .col-md-4:nth-child(3) .color-bg {

background-color: #34cad9;

}

.apporach-sec {background-color: #e5e6ea;padding: 70px 0;position: relative;}

.apporach-sec .global-title-box {

margin-bottom: 40px;

}

.approach-box{display: flex;padding: 25px;}

.approach-box .icon-box{

flex-basis: 30%;

}

.approach-box .approch-content-box{margin-left: 25px;}

.approach-box .approch-content-box h4{

font-size: 20px;

color: #000;

margin-bottom: 10px;

}

.approach-box .approch-content-box p{

font-size: 16px;

}

.casestudies-sec {

padding: 70px 0;

}

footer{

padding: 70px 0;

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

background-position: top right;

background-size: 30%;

border: 27px  solid #c4d0f6;

border-bottom: none;

}

.social-box{

    margin: 20px 0;

}

.social-box a{}

.social-box a i{}

.google-box{}

.google-box img{}

.footer-link{margin-top: 0;}

.footer-link h4{

color: #000;

font-size: 18px;

margin-bottom: 13px;

}

.footer-link ul{}

.footer-link ul li{

    display: inline-block;

    margin-right: 25px;

}

.footer-link ul li a{

font-size: 17px;

margin-bottom: 12px;

display: inline-block;

}

.select-option{}

.select-option select{

width: 97%;

border: 2px solid #f8a8b3;

padding: 10px 10px;

border-radius: 10px;

}

.select-option select option{}

.client-say-sec {

padding: 70px 0;

}

.client-img-box{

position: relative;

}

.client-img-box .shape-box{

position: absolute;

background-color: #f2f8f9;

width: 354px;

height: 483px;

left: 70px;

z-index: -4;

top: -70px;

}

.client-say-sec .global-title-box {

margin-bottom: 130px;

}

.client-img-box .client-content-box {

    padding-right: 67px;

}

.testi-des-slider{

    position: absolute !important;

    top: 0;

    left: 60%;

    bottom: 0;

    display: flex !important;

    flex-direction: column;

    justify-content: center;

    width: 100%;

}

.client-img-box .client-content-box h3{

font-size: 30px;

line-height: 37px;

}

.client-img-box .client-content-box p{margin-top: 0;font-size: 16px;line-height: 27px;font-weight: 500;}

.client-img-box .client-content-box a {

display: flex;

align-items: center;

margin-top: 20px;

text-transform: uppercase;

font-size: 16px;

font-weight: 600;

}

.client-img-box .client-content-box img {

margin-right: 9px;

}

.client-box h4 {color: #000;margin-top: 15px;font-size: 18px;line-height: 27px;}

.casestudies-box{

background-color: #c2f5f0;


position: relative;

padding: 70px 70px;

min-height: 450px;

z-index: 4;

margin-bottom: 40px;

}

.casestudies-box .shape-box{

position: absolute;

width: 100%;
background-image: url(..//images/casestudies-box1.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;

/*background-color: hsl(174deg 72% 86% / 28%);*/

top: 20px;

left: -20px;

right: 0;

bottom: 0;

z-index: -4;

height: 100%;

}

.casestudies-box .case-studies-content{

width: 45%;

}

.casestudies-box .case-studies-content h3{

font-size: 30px;

line-height: 40px;

margin-bottom: 25px;

}

.casestudies-box .case-studies-content p{

margin-bottom: 0;

line-height: 31px;

}

.casestudies-box .case-studies-content a{

color: #f05567;

font-weight: 700;

font-size: 18px;

font-family: 'Poppins';

position: relative;

padding-top: 30px;

margin-top: 40px;

display: inline-block;

}

.casestudies-box .casestudies-img{

position: absolute;

right: 70px;

bottom: 0;

}

.casestudies-box .casestudies-img img{}

.global-title-box {}

.casestudies-sec .global-title-box {

margin-bottom: 50px;

}

.casestudies-sec {}

.casestudies-sec .casestudies-box:nth-child(2) {

background-color: #ffe0c1;

}

.casestudies-sec .casestudies-box:nth-child(2) .shape-box {

background-color: rgb(255 224 193 / 30%);

}

.casestudies-sec .casestudies-box:nth-child(3) {

background-color: #cbeffd;

}

.casestudies-sec .casestudies-box:nth-child(3) .shape-box{

background-color: hsl(197deg 93% 89% / 56%);

}

.casestudies-sec .casestudies-box:nth-child(4) .shape-box{

background-color: hsl(93deg 60% 74% / 48%);

}

.casestudies-sec .casestudies-box:nth-child(4){

background-color: #bae596;

}

/*about page css*/

.about-banner-sec .banner-figure{

margin-left: 0;

width: 100%;

}

.external-header{position: absolute;z-index: 4;right: 0;left: 0;/* margin: 0 25px; */background-color: #ffffff;box-shadow: 0px 5px 20px 0px #00000047;}

.about-banner-sec {

padding: 0;

}

.universe-box .practice-content-box {

padding-right: 35px;

}

.universe-box {

padding: 0;

margin-top: 0;

}

.inner-about-sec .global-title-box {

border-bottom: 1px solid #e5e5e5;

padding-bottom: 50px;

}

.inner-about-sec .row:nth-of-type(2n + 3) {

flex-direction: row-reverse;

margin-top: 90px;

}

.inner-about-sec .row:nth-of-type(2n + 3) .practice-content-box{

padding-right: 0;

padding-left: 35px;

}

.digital-product-sec .global-title-box {

margin-bottom: 0;

}

.des-txt {

margin-top: 70px;

}

.des-txt p {

line-height: 30px;

}

.expert-box {

margin-bottom: 32px;

}

.inner-culture-sec{

padding-bottom: 50px;

position: relative;

}

.culture-content {

padding: 26px 16px 0 16px;

}

.inner-culture-boxes .culture-content h5{

font-size: 20px;

font-weight: 700;

line-height: 30px;

}

.inner-culture-boxes .culture-img img{

width: 100%;

}

.inner-culture-boxes .culture-content h6{

font-size: 20px;

font-weight: 700;

line-height: 30px;

margin: 0 0 9px 0;

text-transform: capitalize;

}

.culture-value-box{

margin: 0px;

padding: 0px;

float: left;

width: 100%;

}

.culture-value-boxes{

margin: 0 0 58px 0;

padding: 0px;

float: left;

width: 100%;

}

.culture-value-boxes h5{

font-size: 24px;

font-weight: 800;

line-height: 30px;

margin: 0 0 9px 0;

text-transform: capitalize;

}

.culture-value-boxes h5 img {

margin: 0 12px 10px 0;

}

.partner-images{



    margin: 0px;

    padding: 0px;



}



.partner-content{



margin: 0px;



padding: 0px;



float: left;



width: 100%;



height: 100%;



display: grid;



align-content: center;

}



.partner-content h6{

    color: #6d6d6d;

    font-size: 18px;

    padding: 31px 0;

    }





.partner-content p{

        color: #000;

        line-height: 34px;

        margin-top: 60px;

}

.partner-content p span{

    color: #ff2056;

}


.banner-sec .banner-caption:before {content: '';/* background: url(../images/txt-bg.jpg) no-repeat #01155e; */
    background-size: cover;width: 100%;height: 100%;left: 0;right: 0;top: 0;bottom: 0;z-index: -1;opacity: 0.5;}



.partner_parrent {
    display: flex;
}



.partner_parrent {



}


.partner_parrent  .custom-btn{max-width: 240px;margin: 10px 0 0;text-align\: c;}







.contact-locations{background: #c4d0f6;min-height: 250px;position: relative;padding: 0 0 0 170px;height: 100%;display: grid;align-content: center;}







.contact-locations-img-left{ 



    position: absolute;

    bottom: 0;

    left: 35px;

}





.contact-details-content{





}



.contact-details-content h6{



color: #000;



font-size: 24px;



font-weight: bold;



margin: 0 0 5px 0;

}



.contact-details-content ul{





}





.contact-details-content ul li{



font-size: 15px;



display: flex;



font-weight: 500;



margin: 11px 0 0 0;



line-height: 25px;

}





.contact-details-content ul li i{

    color: #01155e;

    font-size: 21px;

    width: 30px;

    height: 30px;

    text-align: center;

    margin: 0 17px 0 0;

}



.contact-details-content ul li i.fa-map-marker{



       font-size: 34px; 

}



.contact-details-content ul li i.fa-phone{

        font-size: 25px;

}





.contact-form{





}

.contact-form .form-group{

    position: relative;



}





.contact-form .form-group span{

    position: absolute;

    background: #29234d;

    height: 100%;

    width: 51px;

    align-items: center;

    display: grid;

    text-align: center;

}





.contact-form .form-group span i{



color: #fff;



font-size: 19px;

}







.text_field{



background: #f7f7f7;



border: none;



padding: 16px 52px 16px 71px;

}









.contact-form-btn{



    background-color: #ff2056;

    color: #fff;

    margin-top: 30px;

    padding: 17px 45px;

    border-radius: 30px;

    display: inline-block;

    font-family: 'Avenir LT Std 65';

    text-transform: uppercase;

    font-size: 16px;

    border: navajowhite;

    margin: 0 auto;





}





.casestudies-box-two{



    background: #ffead5 !important;

}



.casestudies-box-two .shape-box{

        /*background-color: hsl(30deg 100% 92% / 65%);*/

background-image: url(..//images/.casestudies-box-two.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}





.casestudies-box-three{



    background: #dcf4fe !important;

}



.casestudies-box-three .shape-box{

    /*background-color: #dcf4fe9e;*/
    background-image: url(..//images/casestudies-box3.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;

}

.social-box a i {

    color: #c5c5c5;

    font-size: 22px;

    margin-right: 30px;

}

.social-box a i:hover {

    color: #ff2056;

}

.choose-box ul li {

    list-style: disc;

    font-size: 16px;

    font-family: 'Avenir LT Std 65';

    font-weight: 400;

    margin-bottom: 15px;

}

.choose-box ul {

    padding-left: 20px;

    padding-bottom: 30px;

    margin-top: 36px;

    display: block;

}

.global-inner-banner .pink-color {

    color: #fff !important;

}

.service-box .img-box .des-box {

    position: absolute;

    bottom: -100%;

    left: 0;

    background-color: hsl(213deg 100% 50% / 72%);

    display: flex;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 0 25px;

    overflow: hidden;

    height: 100%;

    -webkit-transition: all .3s ease;

-moz-transition: all .3s ease;

-o-transition: all .3s ease;

transition: all .3s ease;

}

.service-box:hover .des-box{

    bottom: 0;

} 

.service-box .img-box .des-box p {

    color: #fff;

}

.service-sec .col-md-4:nth-child(2) .des-box {

    background-color: hsl(271deg 100% 16% / 72%);

}

.service-sec .col-md-4:nth-child(3) .des-box{

    background-color: rgb(52 202 217 / 72%);

}

.client-box img {

    margin: auto;

}

.culture-value-box:last-child .culture-value-boxes {

    margin-bottom: 0;

}

.copyright {

    background-color: #c4d0f6;

    text-align: center;

    padding: 10px 0;

}

.copyright p {

    color: #000;

    font-size: 15px;

}

.term {

    padding: 60px 0;

}

.term p {

    margin-bottom: 15px;

    line-height: 34px;

}

.term b {

    font-size: 21px;

}

.thankyou-sec h1 {

    text-transform: uppercase;

    text-align: center;

    font-size: 70px;

}



.thankyou-sec {

    text-align: center;

}



.thankyou-sec p {

    font-size: 29px !important;

    padding: 0 !important;

    line-height: 40px;

}













input::-webkit-outer-spin-button,

input::-webkit-inner-spin-button {

  -webkit-appearance: none;

  margin: 0;

}



/* Firefox */

input[type=number] {

  -moz-appearance: textfield;

}










.brand-logo {
    display: none;
}

.counter-box {
    display: none;
}




.inner-header .btn-box img {
    margin-right: 2px;
}

.inner-header .btn-box a {
    color: #000000;
    font-weight: 500;
    font-size: 14px;
}

.indx-st-nv .inner-header .btn-box a {
    color: #222;
    font-weight: 500;
    font-size: 14px;
}

.writersymmetry_logo_mm {
    width: 350px;
}

.websymmetry_logo_mm {
    width: 400px;
}


.inner_culture_box_slider .slick-dots {
    position: absolute;
    bottom: -50px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.inner_culture_box_slider .slick-dots li.slick-active button {
    background-color: #54f5af;
}

.inner_culture_box_slider .slick-dots li button:before {
    font-size: 0px;
    line-height: 0px;
}

.inner_culture_box_slider .slick-dots li button {
    background-color: #e5e5e5;
    border-radius: 50px;
    width: 10px;
    height: 10px;
}


.logo-box img {
    width: 200px;
}

.contact-about-sec-pg .row{
    justify-content: center;
}