@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Segoe Print';
    src: url('./fonts/SegoePrint.woff2') format('woff2'),
        url('./fonts/SegoePrint.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Segoe Print';
    src: url('./fonts/SegoePrint-Bold.woff2') format('woff2'),
        url('./fonts/SegoePrint-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/*=====Reset CSS======*/
:root {--theme-light-blue: #ebf7fe; --theme-blue: #0060ff; --theme-orange: #ff6417;--theme-green: #badb46;}
html,body {overflow-x: hidden;scroll-behavior: smooth;font-size:14px;}
section {background-size: cover;}
article,aside,canvas,figure,figcaption,footer,header,nav,section,audio,video,p,h1,h2,h3,h4,h5,h6,ul,ol,a,button,input,input[type="buttton"],input[type="submit"],select,.btn,textarea {font-family: 'Segoe Print';}
article,aside,canvas,figure,figcaption,footer,header,nav,section,audio,video,p,h1,h2,h3,h4,h5,h6,ul,ol {margin: 0;padding: 0;border: 0; transition: all ease-in-out 0.3s}
a, button, input, input[type="buttton"], input[type="submit"], select, .btn, textarea, ::before, ::after, p, i {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;text-decoration: none !important;line-height: 39px;font-size: 29px;}
a:focus,button:focus,input:focus,input[type="buttton"]:focus,input[type="submit"]:focus,select:focus,.btn:focus,textarea:focus,.bootstrap-select .dropdown-toggle:focus {outline: none !important;-webkit-box-shadow: none;box-shadow: none !important;}
img {max-width: 100%;height: auto;}
a,label,span {display: inline-block;vertical-align: middle;vertical-align: 0;}
figure {-webkit-transition: all ease 0.4s;transition: all ease 0.4s;margin: 0;font-size: 0;line-height: 100%;}
figure img {max-width: 100%;}
#dropdownMenuButton:hover {color: #ed1c24 !important;}
ul,ol {list-style: none;}
body {overflow-x: hidden;min-height: 100%;font-family: 'Segoe Print';font-weight: 400;font-size: 15px;line-height: 30px;color: #000000;}h1,h2,h3,h4,h5,h6 {    font-family: 'Segoe Print';}
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.pdbt_80{padding: 50px 0;}
.pdb_80{padding: 0px 0 50px;}
.pdt_80{padding: 50px 0 0px;}
.pdtb_80 {padding: 50px 0;}
figure img {width: 100%;}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}
input[type="date"]::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}
.whiteBorder1{border: 1px solid #fff;}
.whiteBorder2{border: 2px solid #fff;}
.whiteBorder3{border: 3px solid #fff;}
.whiteBorder4{border: 4px solid #fff;}
.mobileShow{display: none;}
main {overflow: hidden;}
/*=====Reset CSS======*/

/* ===================== Common Elements =================== */
.ourStoryShapes, .cmnShape, .weRockShape{position: absolute;left: 0;right: 0;top: 0;bottom: 0;pointer-events: none;z-index: -1;}
.happyclients_outer, .ourWork_outer, .printMedia_Outer, .photoShoot_outer, 
.DigitalMedia_Outer, .founderspeaks_outer, .Pov_outer, .Commitment_outer {padding: 96px 0 140px;position: relative;z-index: 2;}
.cmnHeading h3 {font-size: 73px;line-height: 85px;}
.cmnHeading.headingSmall h3 {font-size: 50px;line-height: 60px;}
.cmnHeading h3 span {color: red;}
/* ===================== Common Elements =================== */


/* ===================== Header Section =================== */
.header_outer.sticky {position: fixed;z-index: 10;background: #fff;left: 0;right: 0;top: 0;box-shadow: 0px 1px 10px #424242;}
.header_outer .navbar-expand-lg .navbar-nav .nav-link {font-family: "Roboto", sans-serif;text-transform: uppercase;color: #000;font-size: 25px;padding: 0 13px;display: block;line-height: 40px;}
.header_outer .navbar-expand-lg .navbar-nav .nav-link.active {background-color: #ff001e;color: #fff;}
.header_outer .navbar-expand-lg .navbar-nav .nav-link:hover {background-color: #2b0005;color: #fff;}
.header_outer .navbar-expand-lg .navbar-nav {margin: 0 -13px;}
.navbar-brand {width: 294px;}
.header_outer .navbar {padding: 40px 0;}
.header_outer.sticky .navbar {padding: 15px;}
/* ===================== Header Section =================== */


/* ===================== Our Story Section =================== */
.ourStory_outer {padding-bottom: 140px;background-color: #e4e4e4;position: relative;z-index: 1;}
.ourStoryLeftShape {position: absolute;left: 0;top: 150px;}
.ourStoryLeftBottomShape {position: absolute;bottom: -51px;left: 0;}
.ourStoryRightShape {position: absolute;right: 100px;bottom: 170px;}
.cmnCntWrapper p, .cmnCntWrapper li {font-size: 29px;line-height: 39px;margin-bottom: 50px;}
.cmnHeading {margin-bottom: 30px;margin-top: 130px;}
.cmnCntWrapper p:last-child, .cmnCntWrapper li:last-child {margin: 0;}
.ourStory_outer .video {margin-top: -400px;width: 100%;aspect-ratio:8/4;}
.ourStorySide {width: 450px;}
/* ===================== Our Story Section =================== */


/* ===================== Happy Client Section =================== */
.happyClientShape {position: absolute;right: 0;bottom: -100px;}
.clientHeadingWrapper .cmnHeading {margin: 0;}
.happyClientIconWrapper {width: 318px;}
.clientHeadingWrapper {display: flex;align-items: center;justify-content: space-between;}
.mobileSlider figure {padding: 10px 0;}
/* ===================== Happy Client Section =================== */


/* ===================== philosophy Section =================== */
.philosophy_outer{position: relative;background: #e4e4e4;z-index: 0;padding-bottom: 150px;}
.philosophy_outer .ourStoryLeftShape {left: 100px;}
.philosophyRedShape {right: 0;position: absolute;bottom: -250px;}
/* ===================== philosophy Section =================== */


/* ===================== We Rock Because Section =================== */
.weRock_Outer .cmnHeading{margin: 0 0 40px;}
.weRock_Outer {padding: 150px 0 120px;position: relative;}
.weRockShapeWrap {left: 0;position: absolute;bottom: 0;}
/* ===================== We Rock Because Section =================== */


/* ===================== Our Work Section =================== */
.ourWork_outer, .photoShoot_outer {background-color: #e4e4e4;}
.ourWork_outer .happyClientShape {left: 0;right: 0;bottom: 0;}
.ourWork_outer .happyClientShape img {width: 100%;}
.cmnHeading p {font-size: 29px;line-height: 39px;margin: 30px 0 0;}
.innerTop h4 {font-size: 50px;line-height: 60px;}
.ourWorkInnerWrap {padding-top: 40px;}
.imGride {padding-top: 90px;}
.imGride > ul {display: flex;flex-wrap: wrap;margin: 0 -10px;}
.imGride > ul > li {max-width: calc(100% / 5);flex: 0 0 calc(100% / 5);padding: 10px;}
.imGride > ul > li > a {display: block;}
/* ===================== Our Work Section =================== */


/* ===================== Print Media Section =================== */
.printMedia_Outer {background-color: #ffffff;}
.printMediaRightShape {position: absolute;right: 0;top: 0;}
/* ===================== Print Media Section =================== */


/* ===================== Photo Shoot Section =================== */
.photoShoot_outer .happyClientIconWrapper {width: 398px;}
/* ===================== Photo Shoot Section =================== */


/* ===================== DigitalMedia Section =================== */
.DigitalMediaLeftShape {position: absolute;left: 0;top: -266px;}
.DigitalMediaRightShape {position: absolute;right: 0;top: -266px;}
/* ===================== DigitalMedia Section =================== */


/* ===================== Founderspeaks Section =================== */
.founderspeaks_outer {background-color: #e4e4e4;}
.founderspeaks_outer .cmnHeading{margin-top: 0;}
.founderSpeaksLeftShape {position: absolute;left: 0;bottom: calc(100% - 200px);}
.founderSpeaksRightShape {right: 0;position: absolute;bottom: 0;}
/* ===================== Founderspeaks Section =================== */


/* ===================== Commitment Section =================== */
.Commitment_outer {background-color: #e4e4e4;}
.CommitmentLeftShape {position: absolute;left: 0;bottom: 0;}
/* ===================== Commitment Section =================== */


/* ===================== Footer Section =================== */
.footer_outer {background-color: #262626;padding: 60px 0px;position: relative;z-index: 2;}
.ftHeading {font-size: 50px;line-height: 60px;color: #fff;margin-bottom: 40px;}
.ftContent p, .ftContent p a {color: #fff;}
.ftContent p span {color: red;}
.socialFt p {color: #fff; margin-bottom: 10px;}
.socialFt ul li a {display: block;width: 40px;height: 40px;background: #fff;padding: 8px;line-height: 21px;border-radius: 50px;text-align: center;}
.socialFt ul {display: flex;align-items: center;justify-content: center;margin: 0 -6px;}
.socialFt ul li {padding: 0 6px;}
.socialFt {padding-top: 90px;display: block;width: max-content;margin-left: auto;}
.socialFt ul li a svg {fill: #000;width: 100%;height: 100%;}
.footerRightShape {position: absolute;right: -20px;bottom: -20px;}
/* ===================== Footer Section =================== */


/* ===================== Modal Section =================== */
#staticBackdropLabel {color: #fff;}
#staticBackdrop .modal-header .btn-close {background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/40% no-repeat !important;border-radius: 50%;opacity: 1;top: -41px;position: relative;right: -29px;}
.modal-body p {color: #fff;}
.modal-body {padding: 30px;}
/* ===================== Modal Section =================== */



/* ===================== Responsive Start =================== */
@media(min-width: 1366px){.container {max-width: 1530px;}}
@media(min-width: 1366px) and (max-width: 1800px){main {zoom: 0.6;}}
@media(min-width: 1801px) and (max-width: 1919px){main {zoom: 0.8;}}
@media screen and (min-width: 1800px) and (max-width: 1930px) and (min-height: 1060px) and (max-height: 1200px) {
    main {zoom: 0.8;}
}

@media(max-width: 1260px) {
    .header_outer .navbar-expand-lg .navbar-nav .nav-link {font-size: 16px;}
    .header_outer .navbar {padding: 15px 0;}
    .navbar-brand {width: 140px;}
}
@media(max-width:1200px){    
    .founderSpeaksLeftShape, .DigitalMediaRightShape, .DigitalMediaLeftShape {display: none;}
    .cmnHeading h3 {font-size: 30px;line-height: 40px;}
    .cmnCntWrapper p, .cmnCntWrapper li {font-size: 16px;line-height: 26px;margin-bottom: 20px;}
    .ourStory_outer .video {margin-top: -200px;}
    .happyClientIconWrapper {width: 200px;}
    .cmnHeading {margin-top: 70px;}
    .ourStoryShapes, .cmnShape, .weRockShape {zoom: 0.6;}
    .innerTop h4 {font-size: 25px;}
    .cmnHeading p {font-size: 16px;line-height: 26px;margin-top: 15px;}
    .innerTop p, .ftContent p, .ftContent p a, .socialFt p {font-size: 16px;line-height: 26px;}
    .cmnHeading.headingSmall h3 {font-size: 25px;line-height: 35px;}
    .happyclients_outer, .ourWork_outer, .printMedia_Outer, .photoShoot_outer, 
    .DigitalMedia_Outer, .founderspeaks_outer, .Pov_outer, .Commitment_outer {padding: 40px 0 80px;}
    .imGride {padding-top: 30px;}
    .ftHeading {font-size: 25px;line-height: 35px;margin-bottom: 15px;}
    .socialFt ul {zoom: 0.6;}
    .socialFt {padding-top: 40px;}
    .ourStorySide {width: calc(100% - 200px);padding: 0 10px;}
    .photoShoot_outer .happyClientIconWrapper {width: 298px;}
    .cmnShape, .weRockShape {opacity: 0.5;}
}

@media(max-width: 991px){    
    .founderSpeaksLeftShape, .DigitalMediaRightShape, .DigitalMediaLeftShape {display: none;}
    .header_outer .navbar-expand-lg .navbar-nav .nav-link {font-size: 14px;}
    .header_outer .navbar-collapse {position: absolute;top: 100%;left: 0;right: 0;background: #ccc;}
    .header_outer {position: relative;z-index: 3;}
    .header_outer .navbar {padding: 10px 0;}
    .navbar-brand {width: 100px;}
    .navbar-toggler {background: #000;opacity: 1;padding: 0;width: 40px;height: 40px;line-height: 40px;}
    .navbar-brand {width: 100px;}
    .navbar-toggler span svg {fill: #ffffff;opacity: 1 !important;width: 30px;height: 30px;}
    .navbar-toggler span {opacity: 1 !important; width: 100%;height: 100%;line-height: 0;}
}

@media(max-width: 767px){    .cmnHeading.w-50, .cmnCntWrapper, .ourWorkInnerWrap {    padding: 0 40px;}
    .cmnHeading {margin-top: 20px;margin-bottom: 15px;}
    .philosophy_outer { padding-bottom: 30px;}
    .happyclients_outer, .ourWork_outer, .printMedia_Outer, .photoShoot_outer, 
    .DigitalMedia_Outer, .founderspeaks_outer, .Pov_outer, .Commitment_outer {padding: 30px 0}
    .founderSpeaksLeftShape, .DigitalMediaRightShape, .DigitalMediaLeftShape {display: block;}
    .navbar-brand {width: 120px;}
    .header_outer .navbar {padding: 10px 0;}
    .header_outer .navbar-toggler {background: #000;color: #fff;}
    .ourStory_outer .video {margin-top: -100px;}
    .ourStorySide {width: 100%;}
    .desktopShow {display: none;}
    .mobileShow {display: block;}
    .weRock_Outer {padding: 40px 0;}
    .happyclients_outer .happyClientIconWrapper {width: 100px;padding: 0;}
    .happyclients_outer .cmnHeading {margin-bottom: 30px;}
    section.ourStory_outer {padding-bottom: 40px;}
    .cmnShape, .weRockShape {opacity: 0.5;}
    .DigitalMedia_Outer .cmnShape, .founderspeaks_outer .cmnShape{opacity: 1;}
    .imGride > ul > li {max-width: calc(100% / 4);flex: 0 0 calc(100% / 4);}
    .imGride ul {align-items: center;justify-content: center;}
    .cmnHeading.w-50 {width: 100% !important;margin-bottom: 30px;}
    .clientHeadingWrapper {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}
    .ourStoryShapes, .cmnShape, .weRockShape {zoom: 0.3;}
    .happyClientIconWrapper, .photoShoot_outer .happyClientIconWrapper, .ourStorySide {width: 100%;padding: 0 80px 20px;}
    .happyClientIconWrapper img {width: 100%;height: 100%;object-fit: cover;}
    .happyClientIconWrapper figure {width: 100%;height: 100%;}
    .ourWorkInnerWrap {padding-top: 0;}
    .socialFt.text-center {margin: 0 auto 20px;padding: 0;}
    .footer_outer {padding: 20px 0;}
    .socialFt.text-center {margin: 0 auto 20px;padding: 0;}
    .footer_outer {padding: 20px 0;}
    #staticBackdrop .modal-header .btn-close {top: 0;right: 3px;}
    .modal-body p {font-size: 14px;line-height: 24px;}    .founderspeaks_outer {z-index: 0;}.photoShoot_outer {    z-index: 2;}.DigitalMedia_Outer {    z-index: 1;}
}

@media(max-width: 575px){
    .imGride > ul > li {max-width: calc(100% / 3);flex: 0 0 calc(100% / 3);}
    .ClientImages .slick-track {display: flex;align-items: center;}
    .ClientImages .slick-track .slick-slide {padding: 0 10px;}
}
/* ===================== Responsive End =================== */