@charset "utf-8";
/* CSS Document */

/* Begin Font  */



@font-face {
    font-family: 'Chronicle Display';
    src: url('../fonts/ChronicleDisplay-Black.eot');
    src: url('../fonts/ChronicleDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/ChronicleDisplay-Black.woff2') format('woff2'),
        url('../fonts/ChronicleDisplay-Black.woff') format('woff'),
        url('../fonts/ChronicleDisplay-Black.ttf') format('truetype'),
        url('../fonts/ChronicleDisplay-Black.svg#ChronicleDisplay-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'MontserratRegular';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'MontserratSemiBold';
    src: url('../fonts/Montserrat-SemiBold.eot');
    src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff'),
        url('../fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('../fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}












/* common tag style ------------------------------*/
:focus{outline:none;}
body{margin:0; font-size:15px; color:#333333;overflow-x:hidden; font-family: var(--paragraph); }
h1{font-size:36px; color:#000;font-family:var(--mainTitle1);text-transform: capitalize; ;}
h1 span{font-family:var(--mainTitle1);}
h2{font-size:24px; color:#242424;}
h3,h4,h5,h6{text-transform:uppercase;   font-family: var(--title2SemiBld);color:#666;}
h6{font-size:14px; color:#333333;}
a{color:#333333;outline:none!important;}
a:hover,a:focus{color:var(--themeTxt);}
p {font-size: 14px;    color: #000;line-height:normal;font-family:var(--paragraph);font-size: clamp(13px,2vw,24px);}
.btn{background:#600a93; color:#fff; border-radius:0px; border-radius: 5px; font-size: 14px; text-transform: uppercase;}
.btn:hover{ color: #fff;}
.btn:hover i{ color:#fff;}
.anim{transition:.3s all ease-in-out 0s; -moz-transition:.3s all ease-in-out 0s;-webkit-transition:.3s all ease-in-out 0s; -o-transition:.3s all ease-in-out 0s;}
.white{color:#fff;}

:root{--themeTxt:#600a93;
      --themeBg:#600a93;
      --paragraph: 'Myriad Pro';
      --mainTitle1:'Chronicle Display';
      --title2Regular: 'MontserratRegular';
      --title2SemiBld:  'MontserratSemiBold';
    }
/*------------------------------------*/


.btn {display: inline-block; color: white;cursor: pointer;position: relative;background-color: transparent;text-decoration: none;overflow: hidden;z-index: 1;}
.btn::before {content: "";position: absolute;left: -1px;top: 0;width: 101%;height: 100%;background:var(--themeBg); transform: translateX(-100%); transition: all .3s; z-index: -1;   }
.btn:hover::before {transform: translateX(0);}


.nav-up {top: -9em; overflow: hidden;}
.nav-down{background: #000;}
.menuSection,.subMenu{margin:0; padding:0; list-style:none;} 
.menuSection li i {vertical-align: top; margin: 2px 0 0 2px;}
ul.subMenu {display:none;  background: #2b2a2a;}
.subItem.open .subMenu{display: block;}
.subMenu li a { font-size: 14px; padding: 5px 8px 5px 32px;}


.wrapper{min-height:800px;}
.container-fluidCustom {width: min(1400px,85%); margin: 0px auto;}

.menuSec{z-index: 100;}
header {width: 100%;    top: 0;z-index: 10;background: none;padding:0;   margin: 0;position: fixed; top:0;background: none;}
.headerSec {display: flex;flex-wrap: nowrap;    height: 70px;     align-items: center;   margin-top: -2px;margin-top:0px; margin-bottom: 0;}
.logo {flex: 1 0 0;max-width: 150px;    z-index: 10;}
.logo img{max-width: 100%;}
.menuIcon{background: url(../images/menu-icon.png) no-repeat scroll center center;width: 50px;height: 50px;display: block;cursor: pointer;}
.menuIcon:hover,.menuIcon:focus {opacity: .7;}
.topMenuSc {margin-left: auto;}

.carousel-item img{height:100vh; object-fit: cover;}

.menuOpRe,.menuOpRw,.menuOpCol { height: 100%;}
.menuItemsOpen {position: fixed;right: 0;background: var(--themeBg);width: 100%;height:100%;padding: 15px;border-radius: 2px; display: none; z-index: 1000;top:0;}
.menuItemsOpen ul {list-style: none;margin: 0;padding: 0;display: flex;flex-direction: column;align-items: center;justify-content: center; height: 100%;}
.menuItemsOpen ul li a {font-size: 40px;font-family: var(--title2Regular);padding: 20px;display: block;color: #fff; text-decoration: none;text-align: center;text-transform: uppercase;}
.menuItemsOpen ul li a:hover,.menuItemsOpen ul li a:focus {color: #000;}
.menuClose {display: block;display: flex;justify-content: flex-end;font-size: 35px;padding-right: 20px;color: #eee; cursor: pointer;}
.menuClose:hover{opacity:.7;}



#cssmenu > ul > li > a{color:var(--themeTxt); font-size:16px; border:none; font-family: var(--fontBold);margin: 0px 10px;}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a{color: #000 !important; }
#cssmenu > ul > li:hover > a{color: #000 !important;}
#cssmenu > ul{margin-top:0px;}
#cssmenu > ul{margin-left:0; float:none;margin-left: -18px;}
#cssmenu > ul > li{margin:0;}
#cssmenu ul ul li a{ font-family: Arial, Helvetica, sans-serif;}



.sticky {box-shadow: -2px -4px 31px 1px #545454; position: fixed;  width: 100%;  top: 0;  z-index: 100;  background:#101115; transition: .5s linear 0s;}
.sticky+.homeSlider { margin-top: 0px;}

.contactIco{width:50px; height:50px; background: url(../images/contactIco.png) no-repeat scroll center center;}
.conactLabel label {background: red;display: flex; align-items: center; justify-content: flex-start; border-radius: 4px;  margin-top: 10px;  height: 43px;  width: 80%; margin-left: auto;}
.conactLabel span {font-size: 13px; color: #fff; line-height: 15px; font-family: 'LatoBold';}

.carousel-caption { text-align: left;margin-bottom: 14em;top:6%;   left: 0;  right: 0;}
.carousel-caption h4 {text-transform: uppercase;font-size: 14px;   letter-spacing: 2px;}
.carousel-caption h3{font-size: 48px; color: white; font-family: 'OptimaMedium'; margin:0;}

.carousel-indicators{display: flex;flex-wrap: nowrap;margin: 0px auto;z-index: 8;bottom: 0em;left: 25px;justify-content:center;}
.carousel-indicators li{height: 4px;width:100px;margin-right: 2px;border-radius: 0; opacity: .8; margin-right: 2px;border-radius: 0; }
.carousel-indicators li.active{background-color:var(--themeBg); opacity: 1;}
.carousel-caption { display: block;  max-width: 600px;  left: -23%;  padding: 2em;   height: 135px;}
.carousel-caption h4 { font-size: 42px;  color: #000; font-family: var(--fontBold);  margin: 0;}
.carousel-caption h5 { font-size: 16px; font-family: var(--fontBold); color: #000;}



.secPad {padding:2em 0;}

.abSliderSec .carousel-item {max-width: 60%;padding-bottom: 3em;}
.abSliderSec .carousel-item img {height: 100%;}
.abSliderSec {position: relative;}
.abSliderSec .carousel-caption {right: 7%;left: initial;background: #fff;height: 81%;width: 50%;max-width: 50%;}
.abSliderSec::after {background: var(--themeBg);content: "";width: 69%;height: 100%;display: block;top: 0;position: absolute;right: 0;z-index: -1; background: url(../images/hmServiceBG.png) no-repeat scroll center center;
background-size: cover;}
.abSliderSec .carousel-indicators {width: 60%;left: 0;justify-content: flex-end;margin: 0;bottom: 5em;max-width: 100%;padding-right: 3em !important; display: none;}
.abSliderSec .carousel-indicators li {width: 15px;height: 15px;border-radius: 100%;border: 5px solid #600a93;background: no-repeat;}
.abSliderSec .carousel-indicators li.active {background: var(--themeBg);}
.abSliderSec .carousel-caption h5 {font-size: 36px;font-family: var(--title2SemiBld);font-size: clamp(10px,2vw,23px);}
.abSliderSec .carousel-caption h4 {font-family: var(--mainTitle1);text-transform: capitalize;color: #000;margin-bottom: 19px;font-size: clamp(25px,4vw,77px);line-height: clamp(18px,4vw,68px);}
.abSliderSec .carousel-caption p {font-size: 28px;line-height: normal;font-size: clamp(12px,2vw,24px);}
.learnMrBtn {text-transform: uppercase;font-weight: bold;color: #000;background: no-repeat;border: 1px solid #600a93;border-radius: 0;font-size: 16px; font-size: clamp(12px,2vw,26px);font-family: var(--title2SemiBld); padding: 15px 20px;}
.learnMrBtn i {color: var(--themeBg);}

.headingSec {width: 80%;margin: 0px auto;margin-bottom: 5em;}
.headingSec h4,.hdSecConComman h4 {font-family: var(--title2SemiBld);font-size: clamp(10px,2vw,36px); color:#000;}
.headingSec h1,.hdSecConComman h1 {font-family: var(--mainTitle1);text-transform: capitalize;color: #000;margin-bottom: 19px;font-size: clamp(25px,4vw,63px);line-height: clamp(18px,4vw,68px);}
span.headingDot {color: var(--themeBg);}

.mainGridRow { padding-right: 4em;}
.TwoColGridRow {display: flex;gap: 2em;margin-bottom: .5em;}
.leftArTi{width:105px; height:30px; background: url(../images/arrow-leftTi.png) no-repeat scroll center center; display: block; background-size: contain;margin-bottom: 1em;transition:.3s all ease-in-out 0s;}
.gridColRow  h4 {color: #000;text-transform: capitalize;font-size: clamp(14px,2vw,24px);}
.gridColRow  h3 {color: #000;text-transform: uppercase;font-size: clamp(18px,2vw,28px);}
.gridColRow  h3:hover {color:var(--themeBg); text-decoration:underline;}
.pr1Col-1 {flex: 1 0 0;}
.pr1Col-1 img {width: 100%;}
.pr1Col-2 {flex: 1 0 0;}
.pr1Col-1 figure,.pr1Col-2 figure{position: relative; overflow: hidden;transition:.3s all ease-in-out 0s; cursor: pointer;}

.imgHoverCont {transition:.6s all ease-in-out 0s;position: absolute;bottom: 0;background:rgba(96, 10, 147,.5);padding: 30px 25px;opacity:0;width: 100%;margin: 0px auto;
left: 0;right: 0;bottom: 0;border-radius: 0; height:100%;transform: translate3d(0px, 100%, 0px) scaleX(1.1)skew(94deg, 141deg);}
.pr1Col-1 figure:hover img,.pr1Col-1 figure:hover img{opacity:1;}
.pr1Col-1 figure:hover .imgHoverCont,.pr1Col-2 figure:hover .imgHoverCont{opacity: 1;  transform: translate3d(0px, 0, 0px) scaleX(1);}

.imgHoverCont h3{color:#fff; text-transform: capitalize;}
.prContBx {margin-bottom: 30%;transition:.3s all ease-in-out 0s;}
.prContBx:hover{cursor: pointer;}

.prContBx:hover .leftArTi{background-position: 0;}
.imgRightGrid .prContBx:hover .leftArTi{background-position:right;}
.pr1Col-1:hover+.pr1Col-2 .prContBx>.leftArTi{background-position: left;}
.imgRightGrid .pr1Col-1:hover+.pr1Col-2 .prContBx>.leftArTi{background-position: right;}

.img-1Flex{flex: 1 0 33%;max-width: 33%;}
.img-2Flex{max-width: 66%;flex: 1 0 82%;}
.imgRightGrid .pr1Col-1 {order: 2;flex: 1 0 70%;max-width: 70%;}
.imgRightGrid .pr1Col-2 {text-align: right;}
.imgRightGrid .leftArTi {margin-left: auto;}
.imgRightGrid .leftArTi{width:105px; height:30px; background: url(../images/arrow-rightTi.png) no-repeat scroll center center; display: block; background-size: contain;}

.btnRow {display: flex;justify-content: center;margin: 4em auto;}

.hmService{background: url(../images/hmServiceBG.png) no-repeat scroll center center; display: block;background-size: cover;}
.subTiTop{font-family: var(--title2SemiBld);font-size: clamp(10px,2vw,36px); color:#000;}
.subTiTop.white{color:#fff;}
.mainTiBig{font-family: var(--mainTitle1);text-transform: capitalize;color: #000;margin-bottom: 19px;font-size: clamp(25px,4vw,77px);line-height: clamp(18px,4vw,68px);color:#000;}
.mainTiBig.white{color:#fff;}
.mainTiBig.white span{color:#000;}
.hmSerSecBx {padding-left: 20%;    margin: 2em 0;}
.hmSerRow {display: flex;gap: 20px;margin-top: 2em;}
.hmSerLeft {flex: 1 0 30%;max-width: 30%;}
.hmSerRight {flex: 1 0 0;}
.hmSerLeft p {color: #fff;}
.hmSerLeft li {font-size: clamp(19px,2vw,32px);font-family: var(--mainTitle1);color: #fff; position: relative;display: flex;align-items: flex-start;vertical-align: top;}
.hmSerLeft li::before{background: url(../images/liIcon.png) no-repeat scroll center center; display: block;width: 30px;height: 12px;content: "";margin-right: 13px;flex: 1 0 30px;max-width: 30px;    margin-top: 18px;}
.hmSerLeft li a{color:#fff; text-decoration: none;}
.hmSerLeft li a:hover{opacity:.7;}
.hmSerLeft ul {list-style: none;padding: 0;}
.hmSerRight img {width: 100%; display: none;}

.ideSecRow {display: grid;grid-template-columns: 1fr 1fr;}
.ideSecCol img {width: 100%;transition: .3s all ease-in-out 0s;}
.ideSecCol figure{transition: .3s all ease-in-out 0s; overflow: hidden; position: relative;}
.ideSecCol figure:hover img {transform: scale(1.1);}
.ideSecCol:hover > figcaption{transform: scale(.8);}
.ideSecCol .colContent:hover > figcaption{transform: scale(.8);}
.ideSecCol figure:hover .imgHoverCont{opacity: 1;transform: translate3d(0px, 0, 0px) scaleX(1);}

.ideSecCol.ideTxt {padding-top: 5em;padding-bottom: 2em;}
.ideSecCol {position: relative;}
.ideSecCol figcaption {position: absolute;bottom: 0;background: #fff;padding: 20px;transition: .3s all ease-in-out 0s;}
.ideSecCol figcaption h6 {font-size: clamp(13px,2vw,25px);color: var(--themeBg);margin: 0;}
.ideSecCol figcaption h5 {font-size: clamp(17px,3vw,50px);text-transform: capitalize;font-family: var(--mainTitle1);color: #000;}
.insideCol-1 {margin-top: 20em;padding-right: 3em;}
.colCTitle {margin-left: 30%;}
.colContent {position: relative;}
.insideCol-2 {margin-top: 4em;}
.insideCol-4 {margin-top: 3em;}


.footer{background:var(--themeBg);padding:3em 1em; background: url(../images/footerBg.jpg) no-repeat scroll center center; background-size: cover;}
.gtLeft h2 {color: #fff;font-size: clamp(18px,4vw,60px);font-family: var(--title2Regular);}
.gtLeft h6 {color: #fff;font-size: clamp(12px,2vw,25px);text-transform: capitalize;font-family: var(--title2Regular);}
.ftrGetTch {display: flex;align-items: center;padding-bottom: 4em;border-bottom: 1px solid #eee;margin-bottom: 5em;}
.gtLeft {flex: 1 0 0;}
.gtRight {flex: 1 0 30%; max-width:30%;display: flex;justify-content: flex-end;}
.getTchBtn {background: #fff;color: #000;text-transform: capitalize;height: fit-content;font-size: clamp(12px,2vw,30px);font-family: var(--title2SemiBld); padding: 15px 20px; border-radius: 0;}
.getTchBtn:hover,.getTchBtn:focus{background: #000;}
.getTchBtn::before {background: #000;}
.footer .container-fluid, .ftrCpySec .container-fluid {max-width: 1550px;}

.footerMenuRow {border: 1px solid #acaeb4; margin-bottom: 2em;}
.footerRow {display: flex;gap: 20px;}
.studioCol {flex: 1 0 70%;max-width: 70%;display: flex;flex-wrap: wrap;}
.careerCol {flex: 1 0 0;}
.stuCol.stHead,.caHead {flex: 1 0 100%;max-width: 100%;font-size: 22px;color: #fff;font-family: var(--title2SemiBld);margin-bottom: 1em;}
.stuCol {flex: 1 0 0;}
.studioCol ul {list-style: none;padding: 0;}
.studioCol ul li a {font-size: 18px;color: #fff;font-family: var(--title2SemiBld);line-height: 36px;}
.studioCol .stuCol:last-child {flex: 1 0 50%;max-width: 50%;}
.stuCol p,.caCol p {font-size: 18px;color: #fff;font-family: var(--title2SemiBld);}
.footerRow .studioCol:first-child {border-right: 1px solid #eee;padding-right: 2em;}
.nwsTxt {padding: 10px 25px;font-size: clamp(13px,2vw,20px);text-align: center;margin-bottom: 10px;width: min(260px, 90%);font-family: var(--title2SemiBld); width: 100%;}
.nwsBtn {text-align: center;padding: 10px 25px;border: 1px solid #fff;width: min(260px, 90%);border-radius: 0;font-family: var(--title2SemiBld);font-size: clamp(14px,2vw,24px); width: 100%;}
.nwsBtn::before{background: #000;}
.nwsBtn:hover,.nwsBtn:focus{background: #000; color: #fff;}
.joinBtn {font-size: clamp(13px,2vw,24px);color: #fff;   font-family: var(--title2SemiBld);display: flex;gap: 5px;}
.joinBtn:hover{color:#fff; opacity: .7; text-decoration: none;}
.joinIcon{background: url(../images/joinArrow.png) no-repeat scroll center center; display: block;width: 56px;height: 38px;background-size: contain;}


p.footerCpyWt {  color: #fff;  font-size: 14px;  text-align: center; margin-bottom: 0;}
.ftrCpySec{background: #600a93;background: url(../images/footerBg.jpg) no-repeat scroll center center;background-size: cover;}
.footerCopy { padding: 2em;}
.footerCopy {display: flex;}
.fterLeft,.fterRight {display: flex;align-items: center;}
.fterLeft{flex: 1 0 70%;}
.fterRight{flex: 1 0 30%;}
.footerCopy ul {list-style: none;padding: 0;display: flex;gap: 8px;margin: 0;}
.fterLeft ul li,.fterLeft ul li a {color: #fff;}
.fterLeft ul li {padding: 0 5px 0 0;border-right: 1px solid #fff;line-height: 15px;}
.fterLeft ul li:last-child {border: navajowhite;}
.fterRight {display: flex;justify-content: flex-end;}
.footerSocial i {color: #fff;font-size: 27px;}
.footerSocial li:hover{opacity:.7;}


.innerHeader{background:#101115;}
.innerHeaderPad {margin-top: 5em;padding-top: 120px;}

.workTabs .nav-tabs {justify-content: center;margin: 2em 0 8em;border: none;}
.workTabs .nav-tabs .nav-item.show .nav-link, .workTabs .nav-tabs .nav-link.active {border: 1px solid #600a93;background: var(--themeBg);color: #fff;}
.workTabs .nav-tabs .nav-link {border: 1px solid #600a93;padding: 10px 35px;border-radius: 0;margin: 0 10px;font-size: clamp(13px,2vw,20px);text-transform: uppercase;font-family: var(--title2SemiBld);}

.featureRow {display: flex;margin-bottom: 6em;}
.featureRight {flex: 0 0 20%;}
.blgLi ul {list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 10px;}
.blgLi li a {font-size:clamp(14px,2vw,21px);text-transform: uppercase;font-family: var(--title2Regular);}
.blgLi ul li.active a, .blgLi ul a.active {color: var(--themeBg);text-decoration: underline;}
.featureLeft {flex: 1 0 0;padding-right: 4em;}

.blogBx {display: flex;gap: 20px;margin-bottom: 2em; position: relative;}
.blogBxLeft figure{overflow: hidden; position: relative;}
.blogBxLeft img {max-width: 100%;}
.blogBxLeft {flex: 1 0 43%;max-width: 43%;}
.blogBxRight h2 {font-size: clamp(20px, 2vw, 31px);text-transform: uppercase;font-family: var(--title2SemiBld);border-bottom: 1px solid #600a93;padding-bottom: 10px;}
.readMr {color: var(--themeBg);display: block; font-size: clamp(14px,2vw,20px); text-transform: uppercase; text-align: left; display: flex; justify-content: flex-end;font-family: var(--title2SemiBld);}
.blogBx:hover .imgHoverCont {opacity: 1;transform: translate3d(0px, 0, 0px) scaleX(1);} 

.contactRw {display: flex;gap: 30px;}
.contFAQSec{background: url(../images/contactImg.jpg) no-repeat scroll center center;background-size: cover;height: 100vh; }
.contactLeft {flex: 1 0 30%;max-width: 30%;    padding: 3em; padding-top:7em;display: flex;
flex-direction: column;  width: 32em; z-index: 10;}
.contMapSec iframe {width: 100%;height: 500px;margin: 0;padding: 0;}
.contMapAddressSec {background: var(--themeBg);display: flex;color: #fff;padding: 20px;gap: 20px;align-items: center;margin-top: -7px;}
.contAddresRight p {color: #fff;font-size: clamp(16px,2vw,20px);margin: 0;}
.contIconLeft i {font-size: 56px;}
.contactRight {flex: 1 0 0;background: #fff; padding: 2em; box-shadow: 0px 2px 3px 3px #efefef;margin-left: 14em;margin-left: clamp(0em, 11vw,14em);height: 100%;margin-top: 11em;margin-top: auto;
margin-bottom: auto;position: relative;right: 0;top: 2.4em;max-width: 40%;margin: auto;flex: 0 0 800px;min-width: 600px;margin: auto;}
.formGrid {margin-top: 3em;}
.formGrid .form-control {border: none;border-bottom: 1px solid #ddd;border-radius: 0;padding-left: 5px;}
.formGrid .form-control:focus {box-shadow: none;}
.col2 {display: flex;gap: 15px;max-width: calc(100% - 15px);}
.col2 .form-group {flex: 1 0 50%;max-width: 50%;}
.contcFrmBtm {display: flex;justify-content: space-between;}
.contNosSec ul {list-style: none;padding: 0;margin: 0;}
.contNosSec ul li {font-size: 19px;display: flex;gap: 15px;}
.contcFrmBtm .learnMrBtn{text-transform: none;}
.contactPg {padding-top:0;padding-bottom: 0;}
.contFAQSec .hdSecConComman h1{color:#fff;}



.abPageSec .carousel-caption h4 {font-size: clamp(16px,3vw,42px);line-height: normal;}
.ourApprochSec .headingSec h1 {font-size: clamp(16px,3vw,49px);line-height: normal;}
.collapseSec {width: 80%;margin: 0px auto;}
.collapseHead .colcount {font-family: var(--mainTitle1);}
.collapseHead .colCount {font-family: var(--mainTitle1);font-size: clamp(16px,3vw,45px);color:#fff;}
.collapseHead {display: flex;gap: 20px;align-items: center;border-bottom: 1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px; cursor: default;}
.collapseHead h3 {font-size: clamp(16px,3vw,39px);font-family: var(--mainTitle1);text-transform: initial;color: #fff;line-height: normal;}
.collapseHead i {font-size: 30px;cursor: pointer;color:#fff;}
.collaContent {display: none;}
.collapseBx {margin-bottom: 2em;}
.collapseHead i:hover,.collapseHead i:focus {opacity: .7;}

.ourPrtnerSec {margin-top: 6em;}
.clientPBox { display: flex;align-items: center;justify-content: center;padding: 10px;}
.ourPrtnerSec .headingSec h1 {font-size: clamp(16px,3vw,49px); text-align:center}
.ourPrtnerSec .headingSec h4 {text-align: center;}
.clientPBox img{max-width:100%;}

.ourTeamSec{margin-top:5em;}
.oTeamRw {display: flex;gap: 30px;margin-top: -2em;}
.oTeamRw .oTeamBx:first-child {margin-top: 3em;}
.oTeamRw .oTeamBx:nth-child(2) {margin-top: 2em;}
.oTeamBx img {max-width: 100%;}
.oTeamBx h5 {font-size: clamp(14px,2vw,19px);}

.servicePgContent h5{width: min(400px, 80%);}
.ourApprRow {display: flex;flex-wrap: wrap;}
.ourApprBx {flex: 1 0 0;padding: 10px 20px;}
.ourApprBx .icon i {font-size: 7em;color: #600a93;}
.ourApprBx {text-align: center;}
.ourApprBx .icon { margin-bottom: 1em;}
.ourApprBx p {font-size: 18px;}

.cusSegSec {background: #eee;padding: 2em;padding-bottom: 4em; margin-bottom: 2em; background: url(../images/slider-1.png) no-repeat scroll center center; background-attachment: fixed;}
.cutomerSegSec { margin-top: 5em;}
.cusSegRow {display: flex;gap: 35px;flex-wrap: wrap;}
.cusSegBx { flex: 1 0 0; background: #600a93; padding: 20px; color: #fff; border-radius: 17px;}
.cusSegBx .icon i { font-size: 3em;}
.cusSegBx .icon { margin-bottom: 1em;}
.cusSegBx h5 { color: #fff;}
.cusSegBx p { color: #e1e1e1; font-size: 20px;}
.cutomerSegSec .headingSec h4,.cutomerSegSec .headingSec h1,.cutomerSegSec .headingSec p { color: #fff;}

.indusRow {display: flex; flex-wrap: wrap;justify-content: center;gap: 20px;}
.indusBx { flex: 1 0 30%; max-width: 33.333%; padding: 20px;background: #efefef;border-radius: 10px;display: flex;gap: 10px;}
.indLeft .icon i {font-size: 30px;color: #600a93;}
.indusBx p {font-size: 20px; color: #333;}
.indusBx h5 { color: #000;}


.testimonialSec {margin-top: 5em;background: #eee;padding: 3em;}
.testiRow {display: flex;gap: 20px;width: 80%;margin: 0px auto;}
.testiRow .textiLeft {flex: 1 0 200px;max-width: 200px;border-radius: 100%;height: 200px;}
.textiLeft img {width: 100%;border-radius: 100%;height: 100%;object-fit: cover;}
.textiLeft figure {margin: 0;border-radius: 100%;width: 200px;height: 200px;}
.textiRight {flex: 1 0 0;}
.textiRight .quoteSy {font-size: 7em;display: block;height: 47px;line-height: 82px;font-family: sans-serif;color: #600a93;}
.textiRight h5 {color: #000;}
.textiRight p {color: #333;font-size: 20px;}

.wtWedoSecPg { padding-top: 5em;}

.industrySpprtSec .ideSecCol figcaption { width: min(80%,100%);}
.flxW2nd { max-width: 44% !important;}
.whtWeDoBx .prContBx { margin-bottom: 15%;}

.contactFAQ {width: 100%;margin-left: 0;margin-top: 4em;}
.contactFAQ .collapseHead .colCount, .contactFAQ .collapseHead h3 { font-size: clamp(16px,2vw,20px);}
.contactFAQ .collapseHead i {font-size: 22px;}
.contactFAQ p{font-size: clamp(13px,2vw,17px); color: #fff;}
.cMultyCo {display: flex;flex-wrap: wrap; gap: 5px;}


.menuOpRe{position: relative;}
.close-container{ position: absolute; margin: auto;right: 1.5em;top: 0;cursor: pointer;}
.leftright{ height: 4px; width: 35px; position: absolute; margin-top: 24px; background-color: #fff;border-radius: 2px;transform: rotate(45deg);transition: all .3s ease-in;}
.rightleft{  height: 4px;width: 35px; position: absolute;margin-top: 24px;background-color: #fff;border-radius: 2px;transform: rotate(-45deg);transition: all .3s ease-in;}
.closeM{color: white; font-family: Helvetica, Arial, sans-serif;  font-size: 10px; text-transform: uppercase;letter-spacing: 2px;transition: all .3s ease-in;  opacity: 0;}
.closeM{  margin:51px 0 0 -2px;position: absolute;}
.close-container:hover .leftright{transform: rotate(-45deg);background-color:  #F25C66;}
.close-container:hover .rightleft{  transform: rotate(45deg);  background-color:  #F25C66;}
.close-container:hover label{opacity: 1;}

.abTpImgSc {display: flex; gap: 2em;margin-top: 4em;}
.abTpImgLeft,.abTpImgRight { flex: 1 0 50%; max-width: 49%;}
.abTpImgRight img {height: 80%;}
.abTpImgRight {position: relative;}
.abTpImgLeft .headingSec {margin: 0;}
.abTpImgSubRw {display: flex;gap: 2em;margin-top: 2em;}
.abTpImgSubCol {flex: 1 0 50%;max-width: 49%;}
.abTpImgSubCol i {font-size: 2em;color: var(--themeBg);margin-bottom: 15px;}
.abTpImgSubCol h3 {font-size: 21px;color: #000;text-transform: none;}
.abTpImgSc p {font-size: 20px;}






@media (max-width: 1600px) { 

    .learnMrBtn{padding: 8px 20px;font-size: 18px;}
    .abSliderSec .carousel-caption p {  font-size: clamp(12px,2vw,19px);}
    .abSliderSec .carousel-caption h4{font-size: clamp(25px,3vw,45px);line-height: initial;}
    .abPageSec .carousel-caption h4{font-size: clamp(25px,3vw,32px);line-height: initial;}

}

@media (max-width: 1199.98px) { 
.logo{width:25%;} 

.carousel-caption h3{font-size:33px;}
.carousel-caption h4{font-size:26px;}
.carousel-caption{height:115px;}


.leftArTi,.imgRightGrid .leftArTi{width:60px;}
.btnRow{margin:2em auto;}
.hmSerLeft li::before{height:8px; margin-top:11px;}
.abSliderSec .carousel-indicators li{width:10px; height: 10px;}
.abSliderSec .carousel-indicators{bottom:4em;}
.abSliderSec .carousel-caption p {font-size: clamp(12px,2vw,15px);}
.abPageSec .carousel-caption h4 {font-size: clamp(25px,1vw,28px);}

 }

@media (max-width:1000px) {


}

@media (max-width: 991.98px) {

h1{font-size:25px;}
.container.carousel-caption {padding: 15px;}
.abSliderSec .carousel-caption h4{font-size: 26px; line-height: normal; margin-bottom:5px;}
.abSliderSec .carousel-caption h5{font-size: 14px;margin-bottom: 3px;}
.learnMrBtn{font-size: 13px;}
.abSliderSec .carousel-caption p{font-size: 13px;}
.collapseHead i{font-size: 20px;}

.ourApprBx { flex: 1 0 50%;}
.cusSegBx{ flex: 1 0 45%;}
.indusBx { flex: 1 0 46%; max-width: 50%;}
.abPageSec .carousel-caption h4 { font-size: clamp(14px,2vw,19px);}

.contactRw{flex-direction: column;}
.contactLeft,.contactRight{flex: 1 0 100%; max-width: 100%; margin: 0;}
.contactLeft{width:100%;}
.contactRight { min-width: 300px; max-width: 100%; margin: 0 3em;}

 }
 
@media (max-width: 767.98px) { 
.logo { flex: 1 0 130px;  max-width: 125px;}
.logo img{max-width:100%;}
.headerSec{height:70px;}
.carousel-item img{height:100%;}
.carousel-indicators{left:0;}
.carousel-indicators li{width:70px;}
.menuItemsOpen ul li a{font-size: 22px; padding:4px;}
.menuClose{font-size: 20px;}
.menuOpCol,.menuOpRw,.menuOpRe{height: 100%;}
.menuItemsOpen ul{display: flex;flex-direction: column;height: 100%;align-items: center;justify-content: space-around;}
.abSliderSec .carousel-indicators li{width:5px; height:5px;}
.abSliderSec .carousel-indicators{bottom:4em;}
.abSliderSec .carousel-indicators{display: none;}

.abSliderSec .carousel-item{max-width:100%;}
.abSliderSec .container.carousel-caption {width: 100%;max-width: 100%;left: 0;right: 0;    position: unset;
    z-index: 100; background: #eee;
    margin-top: 54%; margin-bottom:0;}
    .abSliderSec .carousel-indicators{display: none;}


.contMapSec iframe{height: 300px;}
.headingSec h1, .hdSecConComman h1{line-height: normal;}
.ourApprBx,.cusSegBx,.indusBx { flex: 1 0 100%;max-width: 100%;}
.testiRow {flex-direction: column;justify-content: center; text-align: center;}
.textiLeft{margin: 0px auto;}
.contcFrmBtm { flex-wrap: wrap;  gap: 20px;}

.abTpImgSc{flex-direction: column;}
.abTpImgLeft, .abTpImgRight { flex: 1 0 100%; max-width: 100%;}
.abTpImgRight img {width: 100%; height: 100%;}
 
 }
 
 @media (max-width: 575.98px) { 

.footerMenu ul{ align-items: center; padding:0;}
.footerMenu ul li a::before{display: none;;}
.frRow{flex-direction: column;}
.topLog{display: none;}
.footerRow{flex-direction: column;}
.footercol { background: #fff; margin-bottom: 2px;padding: 10px;}
.hmSerRow {flex-direction: column;}
.hmSerLeft { flex: 1 0 100%; max-width: 100%;}
.TwoColGridRow { margin-bottom: 0.5em;gap: .5em;}

.ideSecRow {grid-template-columns: 1fr;}
.insideCol-1{padding-right:0; margin-top:2em;}
.ideSecCol.ideTxt {padding-top: 1em; padding-bottom: 1em;}

/*project sec Mob */
.mainGridRow { padding-right: 0em; flex-direction: column; padding:10px;}
.TwoColGridRow{flex-direction: column;}
.img-2Flex{max-width:100%;}
.img-1Flex {flex: 1 0 100%;max-width: 100%;}
.leftArTi, .imgRightGrid .leftArTi{display: none;}
.prContBx { margin-bottom: 10px;}
.imgRightGrid .pr1Col-2 {text-align: left; order: 2;}
.imgRightGrid .pr1Col-1{max-width:100%; flex:1 0 100%;}
.imgRightGrid{padding:10px; margin:0;}
/*project sec Mob end*/


.getTchBtn{padding:10px;}
.footerRow .studioCol:first-child{border:none;}
.studioCol{max-width:100%; flex: 1 0 100%;}
.studioCol .stuCol:last-child{max-width: 100%;}
.joinIcon {width: 35px;height: 25px;}
.studioCol ul li a,.stuCol p, .caCol p{font-size: 14px;}
.stuCol {flex: 1 0 50%; max-width: 50%;}
.footerCopy { flex-direction: column;}
.footerCopy ul {flex-direction: column;justify-content: center;align-items: center;width: 100%; gap:15px;}
.fterLeft ul li{border: 0;}
ul.footerSocial { flex-direction: row; margin-top: 2em;}
.innerHeaderPad{margin-top:5em;}
.workTabs .nav-tabs{margin:1em 0 2em;}
.workTabs .nav-tabs .nav-link{margin:0 5px; padding:5px 15px;}
.headingSec{margin-bottom:2em;}

.featureRow{flex-direction: column; margin-bottom: 1em;}
.featureLeft,.featureRight{flex: 1 0 100%; padding: 0;}
.blogBx{flex-direction: column;}
.blogBxLeft,.blogBxRight{flex:1 0 100%; max-width: 100%;}

.oTeamRw {flex-direction: column; gap: 5px;}
.flxW2nd { max-width: 100% !important;}
.contNosSec ul li{font-size: 15px;}
.contactRight{padding:1em;}






 }