*{margin:0px;padding:0px;}
a{text-decoration:none !important;}
html{ overflow-x: hidden; scroll-behavior: smooth;}
body{font-family: 'Poppins', sans-serif; overflow-x: hidden;}
@font-face{font-family:"Century Gothic";font-style:normal;font-weight:normal;src:url("../fonts/breeserif-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/breeserif-regular-webfont.woff") format("woff"), url("../fonts/Century Gothic.ttf") format("truetype"), url("../fonts/breeserif-regular-webfont.svg#bree_regular") format("svg");}
.visible{display:block !important;}
.hidden{display:none;}
img{ max-width: 100%;}

header{
    float: left;
  width: 100%;
  height: auto;
  background: #fff;
  padding-bottom: 30px !important;
}
.logo01{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 15px;
}
.logo01 a{}
.logo01 a img{}
.topright01{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 32px;
    display: flex;
  align-items: center;
  justify-content: end;
}
.whatsapp{
    margin-right: 20px;
}
.topright01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: auto;
}
.topright01 ul li{
    display: inline-block;
    margin-left: 20px;
    font-size: 15px;
    font-weight: 500;
}
.topright01 ul li a{
    color: #000;
}
.topright01 ul li a:hover{
    color: #ff3d17;
}
.topcall{
    float: right;
    width: auto;
}
.topcall a{
    background-color: #fff;
    border: 1px solid #c9c9c9;
    padding: 9px 15px;
    border-radius: 6px;
    color: #000;
    font-weight: 500;
}
.topcall a img{
    vertical-align: sub;
    margin-right: 5px;
}
.topcall a:hover{
}
.banner{
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
    margin-top: 30px;
    background-image: url(../images/bg002.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom right;
}
.banner h3{
    margin-top: 110px;
    font-size: 35px;
    color: #25373f;
    margin-bottom: 7px;
}
.banner h4{
    font-size: 40px;
    font-weight: 700;
    color: #ff541e;
    margin-bottom: 20px;
    margin-top: 0px;
    line-height: 50px;
}
.banner h4 span#example{ display: block;}
.banner h4 span.typed_cursor{ font-weight: 300; opacity: 0.5;}
.banner h5{
    font-size: 20px;
    color: #25373f;
    margin-bottom: 20px;
}
.banner ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: auto;
}
.banner ul li{
    float: left;
    width: 24%;
    margin-right: 1%;
    border: 1px solid #ddd;
    padding: 20px 5px;
    text-align: center;
    border-radius: 8px;
    position: relative;
    min-height: 135px;
    margin-bottom: 20px;
}
.banner ul li img{}
.banner ul li p{
    color: #000;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}
.bnrform{
    float: right;
    width: 100%;
    height: auto;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: 4px solid #ff541e;
    border-radius: 8px;
    max-width: 400px;
    padding: 30px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 40px;
    margin-right: 15%;
    box-shadow: 0px 0px 23px rgb(0 0 0 / 31%);
}
.bnrform h3{
    margin-top: 0px;
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
    line-height: 26px;
}
.bnrform form{
    float: left;
    width: 100%;
    height: auto;
}
.bnrform form ul{}
.bnrform form ul li{
    width: 100%;
    min-height: 10px;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 9px;
    margin-right: 0px;
    list-style: none;
}
.bnrform form ul li input{
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0px 15px;
    color: #000;
    outline: 0px;
    box-shadow: none;
}
.bnrform form ul li select{
    width: 100%;
    height: 45px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0px 15px;
    color: #000;
    outline: 0px;
    box-shadow: none;
}
.bnrform form ul li textarea{
    width: 100%;
    height: 70px;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 15px;
    color: #000;
    outline: 0px;
    box-shadow: none;
}
.bnrform form ul li img{
    margin-bottom: 5px;
}
.bnrform form ul li button{
    background-color: #ff541e;
    color: #fff;
    border: 0px;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: 500;
}
.bnrform form ul li button:hover{}
.secion001{
    float: left;
    width: 100%;
    height: auto;
    padding: 20px 0px;
}
.heading01{
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.heading01 h3{
    color: #ff541e;
    font-size: 18px;
    font-weight: 400;
}
.heading01 h4{
    font-weight: 700;
    color: #25373f;
    font-size: 41px;
}
.brands{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}
.brands ul{
    float: left;
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 40px;
}
.brands ul li{
    float: left;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px;
    width: 20%;
    text-align: center;
}
.brands ul li img{
    max-height: 100px;

}
.brands ul li img {
  height: 50px;
}
.brands ul li:nth-child(5){
    border-right: 0px;
}
.brands ul li:nth-child(6){
    border-bottom: 0px;
}
.brands ul li:nth-child(7){
    border-bottom: 0px;
}
.brands ul li:nth-child(8){
    border-bottom: 0px;
}
.brands ul li:nth-child(9){
    border-bottom: 0px;
}
.brands ul li:nth-child(10){
    border-right: 0px;
    border-bottom: 0px;
}
.brands a{
    background-color: #ff541e;
    color: #fff;
    border: 0px;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: 500;
}
.brands a:hover{
    background-color: #25373f;
}
.secion002{
    float: left;
    width: 100%;
    height: 400px;
/*    background-color: #e87b2b;*/
background-color: #ece9e7;
    margin-top: 30px;
}
.secion003{
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}
.secion003 .container{
    background-color: #fff;
    margin-top: -245px;
    padding: 50px;
}
.heading02{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: -172px;
}
.heading02 h3{
    font-size: 18px;
    font-weight: 400;
    color: #ff6000;
}
.heading02 h4{
    font-weight: 700;
    color: #000;
    font-size: 38px;
}
.wishinbox01{
    float: left;
    width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.wishinbox01 img{}
.wishinbox01 h3{
    color: #25373f;
    font-size: 21px;
    font-weight: 600;
    line-height: 29px;
}
.wishinbox01 p{
    color: #000;
    font-size: 15px;
}
.martingbtn{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}
.martingbtn a{
    background-color: #ff541e;
    color: #fff;
    border: 0px;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: 500;
}
.martingbtn a:hover{}
.secion004{
    float: left;
    width: 100%;
    height: auto;
    padding: 60px 0px;
/*    background-image: url(../images/bg003.png);*/
background-color: #ece9e7;
margin-top: 50px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom right;
    background-attachment: fixed;
}
.servicebox0001{
    float: left;
    width: 100%;
    height: 400px;
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    min-height: 230px;
    margin-bottom: 20px;
}
.servicebox0001 img{}
.servicebox0001 h3{
   font-size: 18px;
  color: #25373f;
  line-height: 22px;
  margin-top: 12px;
}
.servicebox0001 p{
    color: #000;
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 400;
}
.servicebox0001 p span{
    font-weight: 600;
    color: #ff541e;
}
.servicebox0001hed{
    float: left;
    width: 100%;
    height: 400px;
    min-height: 230px;
    margin-bottom: 20px;
}
.servicebox0001hed h3{
    font-size: 40px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}
.servicebox0001hed p{
    color: #000;
    font-size: 20px;
}
.btnhover{
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: center;
}
.btnhover a{
    background-color: #ff541e;
    color: #fff;
    border: 0px;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: 500;
}
.btnhover a:hover{}
.secion005{
    float: left;
    width: 100%;
    height: auto;
    padding: 50px 0px;
    background-image: url(../images/bg01.png);
    background-repeat: no-repeat;
    background-size: 1000px;
    background-position: center bottom;
    padding-bottom: 0px;
}
.secion005 h3{
    font-weight: 700;
    color: #25373f;
    font-size: 38px;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 0px;
}
.secion005 ul{
    list-style: none;
    margin: 0px auto;
    padding: 0px;
    float: none;
    width: 100%;
    max-width: 1100px;
    position: relative;
    min-height: 380px;
    margin-bottom: 30px;
}
.secion005 ul li{
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 300px;
}
.secion005 ul li span{
    position: absolute;
    top: 0;
    right: 0px;
    font-size: 50px;
    font-weight: 700;
    margin-top: 30px;
}
.secion005 ul li p{
    display: block;
    margin-bottom: 0px;
    font-size: 15px;
}
.secion005 ul li p img{
    margin-bottom: 10px;
}
.secion005 ul li p strong{
    color: #25373f;
    font-weight: 600;
    font-size: 16px;
    display: block;
}
.secion005 ul li:nth-child(1){
    left: 3%;
}
.secion005 ul li:nth-child(1) span{
    color: #fff;
    right: 23px;
}
.secion005 ul li:nth-child(2){
    top: 13%;
    bottom: auto;
    left: 16%;
}
.secion005 ul li:nth-child(2) p{
    max-width: 194px;
}
.secion005 ul li:nth-child(2) span{
    top: auto;
    color: #fff;
    bottom: -48px;
    right: 35px;
}
.secion005 ul li:nth-child(3){
    top: -27px;
    left: 44%;
    bottom: auto;
}
.secion005 ul li:nth-child(3) span{
    bottom: -90px;
    top: auto;
    left: 60px;
    color: #fff;
}
.secion005 ul li:nth-child(4){
    right: 10%;
    float: right;
    left: auto;
    bottom: 50%;
    padding-left: 16%;
}
.secion005 ul li:nth-child(4) span{
    left: 17px;
    top: auto;
    bottom: -19px;
    color: #fff;
}
.secion005 ul li:nth-child(5){
    right: 2%;
    left: auto;
    float: right;
    padding-left: 100px;
}
.secion005 ul li:nth-child(5) span{
    left: -17px;
    color: #fff;
    top: 19px;
}

.secion006{
    float: left;
    width: 100%;
    height: auto;
    background-color: #f3f4f6;
    padding: 40px 0px;
    padding-bottom: 50px;
}
.secion006 .heading01{
    margin-bottom: 30px;
}
.testislider{
    float: left;
    width: 100%;
    height: auto;
/*    margin-bottom: 20px;*/
}
.testislider .owl-dots{
    display: none;
}
.testislider .owl-nav{
    margin: 0px;
    position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
}
.testislider .owl-nav button{
    background-color: #e93d17 !important;
    width: 35px;
    height: 35px;
    font-size: 34px !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 0px !important;
    line-height: 0px !important;
}
.testislider .owl-nav button span{
    line-height: 0px;
    padding: 0px;
    height: 26px;
}
.testislider .owl-prev{
    float: left;
    margin-left: -45px !important;
}
.testislider .owl-next{
    right: 0;
    float: right;
    margin-right: -45px !important;
}
.testislider .owl-nav button:hover{}
.testislider .owl-nav button:hover span{}

.testivideo{
    float: left;
    width: 100%;
    position: relative;
    margin-top: 40px;
}
.testivideo img{
    border-radius: 10px;
}
.testivideo h3{
    color: #25373f;
    font-size: 17px;
    font-weight: 600;
}
.testivideo h3 strong{
    display: block;
    font-weight: 400;
    margin-top: 4px;
    font-size: 16px;
}
.testivideo h3 span{
    float: right;
    margin-top: -37px;
}
.testivideo h3 span img{}
.testivideotext{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    padding: 30px;
    margin-top: 40px;
    border-radius: 10px;
    padding-top: 38px;
}
.testivideotextface{
    float: left;
    width: 60px;
    position: absolute;
    top: -36px;
}
.testivideotextface img{}
.testivideotext p{
    color: #000;
    font-size: 15px;
    line-height: 28px;
    height: 193px;
}
.testivideotext h3{
    border-top: 1px solid #8b8b8b;
    padding-top: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #25373f;
    margin-bottom: 0px;
}
.testivideotext h3 strong{
    display: block;
    font-weight: 400;
    margin-top: 5px;
}
.testivideotext h3 span{
    float: right;
    margin-top: -40px;
}
.testivideotext h3 span img{}
footer{
    float: left;
    width: 100%;
    height: auto;
    padding-top: 50px;
}
.workteam01{
    float: left;
    width: 100%;
    height: auto;
    border-bottom: 1px solid #ddd;
}
.workteam01 img{}
.workteam01 h3{
    color: #25373f;
    margin-top: 70px;
    font-size: 26px;
    font-weight: 400;
    margin-bottom: 30px;
}
.workteam01 h3 strong{
    display: block;
    font-size: 40px;
    margin-top: 7px;
    color: #25373f;
}
.workteam01 a{
    background-color: #ff541e;
    color: #fff;
    border: 0px;
    padding: 12px 25px;
    border-radius: 5px;
    font-weight: 500;
}
.workteam01 a:hover{}
.fotlocation01{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
.fotlocation01 h3{
    font-weight: 700;
    color: #25373f;
    font-size: 41px;
    text-align: center;
    margin-bottom: 30px;
}
.fotlocation01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: auto;
}
.fotlocation01 ul li{
    float: left;
    width: 19%;
    margin-right: 1%;
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 7px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom right;
    min-height: 180px;
}
.fotlocation01 ul li img{}
.fotlocation01 ul li p{
    margin-top: 15px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 500;
    margin-bottom: 0px;
}
.fotlocation01 ul li p strong{
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    color: #ff6914;
}
.fotlocation01 ul li.dubai{ background-image: url(../images/dubaibg.png);}
.fotlocation01 ul li.dubai:hover{ background-image: url(../images/dubaibg02.jpg);}
.fotlocation01 ul li.england{background-image: url(../images/englandbg.png);}
.fotlocation01 ul li.england:hover{background-image: url(../images/england01.jpg);}
.fotlocation01 ul li.noida{background-image: url(../images/noidabg.png);}
.fotlocation01 ul li.noida:hover{background-image: url(../images/noidabg01.jpg);}
.fotlocation01 ul li.unitedtate{background-image: url(../images/ukbg.png);}
.fotlocation01 ul li.unitedtate:hover{background-image: url(../images/ukbg01.jpg);}
.fotlocation01 ul li.australia{background-image: url(../images/austrliabg.png);}
.fotlocation01 ul li.australia:hover{background-image: url(../images/austliabg01.jpg);}
.fotlocation01 ul li:hover{background-repeat: no-repeat;
    background-size: cover;
    background-position: center; color: #fff;}
.partne01{
    float: left;
    width: 100%;
    height: auto;
}
.partne01 p{
    color: #000;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0px;
}
.partne01 img{
    max-height: 55px;
    margin-left: 20px;
}
.partne01 h3{
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
.partne01 .col-md-8{ text-align: right;}

.mobileshow{display: none;}
.desktopshow{display: block;}

@media (max-width:660px){
    .topright01 ul{ display: none;}
    .topright01{ margin-top: 23px;}
    .banner h3{ margin-top: 0px; font-size: 23px;}
    .banner h4{ font-size: 30px; line-height: 37px; margin-bottom: 10px;}
    .banner h5{ font-size: 16px;}
    .banner ul li{width: 49%;min-height: 60px;padding: 10px;text-align: left;padding-left: 48px;border-radius: 2px;padding-right: 0px;margin-bottom: 10px;}
    .banner ul li img{ float: left; height: 28px;  position: absolute;  left: 7px;}
    .banner ul li p{  position: relative;  bottom: 0px;    margin-top: 0px;  font-size: 13px;}
    .bnrform{ max-width: 100%; margin-right: 0px; margin-top: 25px;}
    .bnrform form ul li img{    position: relative;        height: auto;}
    .banner{ border-bottom: 0px;}
    .heading01 h3{ font-size: 17px; line-height: 23px;}
    .heading01 h4{ font-size: 22px; line-height: 35px;}
    .brands ul li{ width: 33.3%; padding: 5px; border: 1px solid #ddd !important;}
    .brands ul li:nth-child(5){}
    .brands ul li:nth-child(10){ display: none;}
    .brands ul{ margin-bottom: 20px;}
    .heading02 h3{font-size: 15px; line-height: 20px;}
    .heading02 h4{font-size: 21px;}
    .secion003 .container{    padding: 15px;     margin-left: 15px;  margin-right: 15px;}
    .heading02{ margin-top: -140px;}
    .wishinbox01 img{ height: 50px;}
    .wishinbox01 h3{font-size: 14px; line-height: 19px;     margin-top: 5px;}
    .wishinbox01 p{ font-size: 12px;}
    .wishinbox01{ margin-bottom: 10px; min-height: 230px;}
    .martingbtn a{padding: 10px 5px; font-size: 11.5px; width: 100%; display: block;}
    .secion004{    padding: 30px 0px;     background-size: cover; background-position: center top;     background-attachment: inherit; padding-bottom: 50px;}
    .servicebox0001{ min-height: 100px;}
    .servicebox0001 h3 br{ display: none;}
    .mobileshow{display: block;}
    .desktopshow{display: none;}
    .servicebox0001hed{ min-height: 10px;}
    .servicebox0001hed h3{ font-size: 28px;}
    .servicebox0001hed h3 br{ display: none;}
    .servicebox0001hed p{ font-size: 17px;}
    .secion005{    background-image: none;}
    .secion005 h3{font-size: 26px; margin-bottom: 26px;}
    .secion005 ul{}
    .secion005 ul li{ position: relative;  left: 0px;    width: 100%; min-height: 70px; margin-bottom: 20px;}
    .secion005 ul li span{ display: none;}
    .secion005 ul li p{  padding-left: 80px;}
    .secion005 ul li p img{ position: absolute;  top: 0;  left: 0;}
    .secion005 ul li:nth-child(1){}
    .secion005 ul li:nth-child(2){ top: 0px; left: 0; width: 100%;}
    .secion005 ul li:nth-child(3){top: 0; left: 0;   width: 100%;}
    .secion005 ul li:nth-child(4){right: 0; left: 0;  bottom: 0; padding-left: 0px;}
    .secion005 ul li:nth-child(5){right: 0; left: 0;    padding-left: 0px;}
    .secion005 ul li:nth-child(2) p{ max-width: 100%;}
    .secion005 ul li p strong br{ display: none;}
    .testivideo{ margin-top: 0px;}
    .testislider .owl-prev{    margin-left: -15px !important;}
    .testislider .owl-next{    margin-right: -15px !important;}
    .workteam01 h3{  margin-top: 20px; font-size: 19px; margin-bottom: 18px;}
    .workteam01 h3 strong{ font-size: 29px;}
    .workteam01{ padding-bottom: 20px;}
    .fotlocation01 h3{font-size: 29px;}
    .fotlocation01 ul li{ width: 100%; margin-right: 0px;}
    .fotlocation01 ul li p br{ display: none;}
    .partne01 .col-md-8{ text-align: left;}
    .partne01 img{ margin-left: 0px;  max-height: 45px;   margin-right: 10px; margin-top: 10px;}
    .partne01 h3{ font-size: 13px;}
    
/* Thankyou_page */
.thank_you h1 {
    
    padding-left: 0px !important;
    padding-right: 0px !important;
    font-size: 25px !important;
}
.thank_you {
    
    top: 61px !important;
    padding: 24px !important;
    height: auto !important;
}

}


/* Thankyou_page */
.thank_you h1{
    text-align: center;
    font-weight: 700;
    color: #25373f;
    font-size: 41px;
padding-left: 62px;
    padding-right: 41px;
}

.thank_you {
position: relative;
    top: 111px;
    padding: 37px;
    height: 300px;
}

/* WhatsApp Button */

.footer-call-link{
    position:fixed;
    width: 50px;
    height: 50px;
    bottom:40px;
    right: 58px;
    color:#FFF;
    border-radius: 5px;
    text-align:center;
    font-size:30px;
    z-index:100;
    box-shadow: 0px -1px 10px 1px rgb(81 202 95);
    animation: glow 1.5s linear infinite alternate;
}
.my-whatsApp{
    margin-top:16px;
     color: #25d366;
}

.promo-banner button.close {
    border: 3px solid #fff;
    border-radius: 50%;
    padding: 0px 3px;
    position: absolute;
    right: -12px;
    top: -12px;
    background: #727272;
    opacity: 0.8;
    color: #fff;
}
.promo-banner img {
    border-radius: 5px;
}


.owl-carousel .owl-nav {

display: block !important;
}


/***************************************/

.banner-short-img img {
  font-size: 20px;
  height: 50px;
  filter: brightness(100%) invert(0%);
}

/****************************************/

.list-addon, .why-choose-list {
  list-style: none;
  padding: 0;
  margin: 0 -30px;
  display: flex;
}
.what-we-do .list-service li:first-child {
  background-image: url('../images/full.webp');
}
.what-we-do .list-service li {
  width: calc(33.333% - 30px);
  padding: 70px;
  text-align: center;
  margin: 15px;
  background-size: cover;
  border-radius: 17px;
  background-position: center;
}
.list-addon li:hover, .list-service li, .process-state li {
  background-color: transparent;
}
.list-addon li {
  width: calc(33.333% - 30px);
  position: relative;
  padding: 30px 30px 30px 115px;
  background-color: #0f1520;
  margin: 15px;
  border: 2px solid transparent;
  transition: .5s;
}
.what-we-do .list-service li:nth-child(2) {
  background-image: url('../images/full2.webp');
}


.what-we-do .list-service li:nth-child(3) {
  background-image: url('../images/full3.webp');

}
.list-service li h4 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 15px;
  color: #fff;

}
.list-addon.list-service {
  margin-top: 30px;
}

@media (max-width: 600px) {
  .grid-images-block, .list-addon, .process-state, .why-choose-list {
    margin: 0 !important;
  }
  .grid-images-block li, .list-addon li, .why-choose-list li {
    width: 100% !important;
    margin: 40px 0 0;
  }
   .list-service li img {
    position: static;
    height: 50px;
  }
  .grid-images-block li, .list-addon li, .why-choose-list li {
    width: 100% !important;
    margin: 40px 0 0;
  }
 .list-addon, .why-choose-list {
  list-style: none;
  padding: 0;
  margin: 0 -30px;
  display: block !important;
}
}
@media (max-width: 991px) {
  .grid-images-block, .industies-list, .list-addon, .why-choose-list {
    justify-content: center;
  }
   .list-service li {
    background-color: transparent;
  }
    .what-we-do .list-service li {
    width: calc(33.333% - 30px);
    padding: 30px 20px;
    text-align: center;
    margin: 5px;
  }
}

/***************************8*/

.bg_color_blue {

}
.cta-common .common-heading-section h4 {
  color: #fff;
  font-weight: 500;
  font-size: 24px;
}
.common-heading-section p {
  margin-top: 10px;
}
.common-heading-section p {
  font-size: 24px;
  line-height: 1.3;
}
.common-btn-cta, .fold-text h5, .fold-text p a {
  font-size: 20px;
  color: #fff;
}
.common-btn-cta {
  font-weight: 700;
  line-height: 46px;
  display: inline-block;
  border: 2px solid #fff;
  padding: 10px 60px;
  margin-top: 20px;
  border-radius: 8px;
  transition: .5s;

}
.common-btn-cta {
  border: 2px solid #1aa37e;
  background-color: #1aa37e;
}
.common-section-all {
  padding: 50px 0 !important;
  float: left;
  width: 100%;
  background: #ece9e7 !important;
}
@media (max-width: 991px) {
  .cta-common .common-heading-section h4, .why-choose-list li h4 {
    font-size: 22px;
  }
}


/*************************************/


.common-section-all {
  padding: 80px 0;
  float: left;
  width: 100%;
}
.common-heading-section h4 {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.3;
  margin: 0;
}
.grid-images-block {
  margin: 50px -30px 0;
  flex-wrap: wrap;
}
.grid-images-block, .industies-list {
  list-style: none;
  padding: 0;
  display: flex;
}
.grid-images-block li {
  width: calc(25% - 30px);
  margin: 15px;
  float: left;
  position: relative;
  height: 250px;
}
.fitt {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.grid-images-block li, .why-choose-list li, .wizardform {
  cursor: pointer;
}
.grid-images-block li .grid-main-images {
  height: 250px;
  object-fit: cover;
  width: 100%;
  border-radius: 8px;
}
.grid-images-block li .grid-icon-images {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 1;
}


.grid-images-block li h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
  position: absolute;
  margin: 0;
  padding: 100px 30px 30px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0,0,0,.5);
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 8px;
  transition: .5s;

}
.grid-images-block li.bigger, .sectionTen .next-genlist li {
  width: calc(50% - 30px);
}
.grid-images-block li:hover h4 {
/*  background-color: rgba(0,140,238,.7);*/
  background-color: #07193d;
  opacity: 0.7;

}
#services {
  background: #fff !important;
}


/****************************/



.added-cta-last {
  margin-bottom: 70px !important;
/*  background: #f2f2f2 !important;*/
/*   background-color: #ff6000;*/
background-color: #07193d;
}
.common-btn-cta {
  border: 1px solid #1aa37e;
  background-color: #ff6000;
}
.common-btn-cta {
  font-weight: 700;
  line-height: 46px;
  display: inline-block;
  border: 2px solid #fff;
  padding: 10px 60px;
  margin-top: 20px;
  border-radius: 8px;
  transition: .5s;
}


/***************************/


.common-heading-section p {
  margin-top: 10px;
}
.star-rated {
  list-style: none;
  padding: 0;
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
}
ul.star-rated li {
  width: calc(25% - 30px);
  background-color: #fff;
  background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-7c84fbf/www.code-brew.com/wp-content/uploads/2019/07/vector-smart-object-copy-6@2x.png");
  background-size: 171px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 10px;
  padding: 30px 25px;
  margin: 60px 15px 15px;
  border-radius: 8px;
}
.star-rated h4 {
  font-size: 24px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.3;
  letter-spacing: normal;
  color: #1a1c1b;
  margin: 0;
}
.star-rated h4, .star-rated p {
  font-weight: 500;
  text-align: left;
}
.star-rated img {
  display: block;
  margin: 20px 0;
}
.star-rated p {
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #3b3b3b;
}
ul.star-rated li {
  width: calc(25% - 30px);
  background-color: #fff;
  background-image: url('../images/bg1.webp');
  background-size: 171px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 10px;
  padding: 30px 25px;
  margin: 60px 15px 15px;
  border-radius: 8px;
}

@media (max-width: 600px) {
  ul.star-rated li {
    width: calc(100% - 30px);
  }
  ul.star-rated li {
  
  margin: 30px 50px 15px;
 
}
ul.star-rated li {
  width: 100%
}
}
@media (max-width: 991px) {
  ul.star-rated {
/*    margin-top: 30px;*/
  }
   .common-heading-section h4 {
    font-size: 24px;
  }
  .common-heading-section p, .why-choose-list li h5 {
    font-size: 17px;
  }
}
@media (max-width: 991px) {
  ul.star-rated {
/*    margin-top: 30px;*/
  }
}

/******************/

.common-section-all.cta-common.lazyloaded {
  background: #07193d !important;
}


/*********************/


.newss {
  padding-bottom: 0;
}
.list-blogs {
  list-style: none;
  padding: 0;
  margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}
.list-blogs li {
  width: calc(60% - 30px);
  float: left;
  margin: 0 15px;
}   
.list-blogs {
  list-style: none;
}
.list-blogs li a {
  display: flex;
  flex-wrap: wrap;
  box-shadow: .8px 2.4px 10.2px .3px rgba(31,38,89,.15);
  overflow: hidden;
}
.list-blogs li a:nth-child(2) {
  margin-top: 30px;
}
.list-blogs li a {
  display: flex;
  flex-wrap: wrap;
  box-shadow: .8px 2.4px 10.2px .3px rgba(31,38,89,.15);
  overflow: hidden;
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.list-blogs li {
  width: calc(60% - 30px);
  float: left;
  margin: 0 15px;
}
.list-blogs li:nth-child(2) {
  background-color: #19325f;
  width: calc(40% - 30px);
  box-shadow: .8px 2.4px 10.2px .3px rgba(31,38,89,.15);
}
.list-blogs li a img {
  width: 50%;
  float: left;
  height: 240px;
  object-fit: cover;
  transition: .5s;
}
.list-blogs li:nth-child(2) img {
  width: 100%;
}
.list-blogs li:nth-child(2) figcaption {
  width: 100%;
  box-shadow: .8px 2.4px 10.2px .3px rgba(31,38,89,.15);
  background-color: #19325f;
  padding: 40px 25px;
}
.list-blogs li:nth-child(2) figcaption {
  width: 100%;
  box-shadow: .8px 2.4px 10.2px .3px rgba(31,38,89,.15);
  background-color: #19325f;
}
.list-blogs li a h4 {
  font-size: 22px;
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0;
    margin-bottom: 0px;
  margin-bottom: 15px;
}
.list-blogs li a h4 {
  width: 100%;
}
.list-blogs li a p {
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
::after, ::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.list-blogs li a:hover img {
  transform: scale(1.2);
}
.list-blogs li a figcaption {
  width: 50%;
  float: left;
  padding: 15px;
  background-color: #d4a44c;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.list-blogs li a:nth-child(2) figcaption {
  background-color: #e5eef2;
}
@media (min-width: 1200px) {
  .list-blogs li a figcaption {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
}
.list-blogs li a:nth-child(2) {
  margin-top: 30px;
}
.list-blogs li a:nth-child(2) img {
  order: 2;
}
.list-blogs li a:nth-child(2) figcaption h4, .list-blogs li a:nth-child(2) figcaption p {
  color: #000;
}
.list-blogs li a:nth-child(2) figcaption h4, .list-blogs li a:nth-child(2) figcaption p {
  color: #000;
}


.common-section-all.newss {
  background: #fff !important;
}
@media (min-width: 1200px) {
  .list-blogs li a figcaption {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
}





@media (min-width: 1200px) {
  .list-blogs li a figcaption {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1200px) {
  .list-blogs li a p {
    margin-top: 0;
  }
}


/********************/

.section-choose {
  padding-bottom: 0;
}
.star-rated {
  list-style: none;
  padding: 0;
  margin: 0 -30px;
  display: flex;
  flex-wrap: wrap;
}
body .over-rated {
  margin-top: 30px;
}
body .over-rated li {
  border-radius: 5px;
  border: .5px solid #e4ebf0;
  background-color: #f7faff;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  padding: 30px 15px;
  background-image: none;
  transition: .5s;
}
/*ul.star-rated li {
  width: calc(25% - 30px);
  background-color: #fff;
  background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-7c84fbf/www.code-brew.com/wp-content/uploads/2019/07/vector-smart-object-copy-6@2x.png");
  background-size: 171px;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: 10px;
  padding: 30px 25px;
  margin: 60px 15px 15px;
    margin-top: 60px;
    margin-bottom: 15px;
  border-radius: 8px;
}*/
body .over-rated li img {
  margin: auto;
}
.star-rated img {
  display: block;
  margin: 20px 0;
}
body .over-rated li h3 {
  font-size: 18px;
}

body .over-rated li {
  border-radius: 5px;
  border: .5px solid #e4ebf0;
  background-color: #f7faff;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0;
  padding: 30px 15px;
  background-image: none;
  transition: .5s;
}

.star-rated p {
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #3b3b3b;
}

@media (min-width: 991px) {
  body .over-rated li:hover p {
    top: 0;
    opacity: 1;
  }
}

nine-slides ul li.active span h4, .testii .common-heading-section h4, .testii .common-heading-section p, body .crausal-text ul li small, body .over-rated li:hover h3, body .over-rated li:hover p {
  color: #fff;
}


#whychooseus {
  background: #fff !important;
}
.common-heading-section p {
  font-size: 21px;
  line-height: 1.3;
}
@media (min-width: 991px) {
  body .over-rated li p {
    text-align: center;
    display: flex;
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 999;
    bottom: 0;
    background-color: #ff6000;
    padding: 15px;
    align-items: center;
    margin: 0;
    top: 100%;
    transition: .5s;
    opacity: 0;
  }
}
@media (min-width: 991px) {
  body .over-rated li h3 {
    margin-bottom: 0;
  }
}



@media (min-width: 991px) {
  body .over-rated li {
    position: relative;
    overflow: hidden;
    background-color: #eef4f2;
  }
}



/************************/

.last-green-cta h4 {
  color: #fff;
  font-size: 26px;
  line-height: 1.3;
  font-weight: 500;
}

.last-green-cta a {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
  color: #fff;
  border: 2px solid #fff;
  padding: 13px 60px;
  border-radius: 4px;
  float: right;
}
.last-green-cta a {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  display: inline-block;
  color: #fff;
  border: 2px solid #fff;
  padding: 13px 60px;
  border-radius: 4px;
  float: right;
}
.list-blogs li a {
  display: flex;
  flex-wrap: wrap;
  box-shadow: .8px 2.4px 10.2px .3px rgba(31,38,89,.15);
  overflow: hidden;
}

@media (max-width: 991px) {
  .list-blogs li a {
    display: block;
    float: left;
    margin-top: 0 !important;
    margin-bottom: 30px;
  }
    .list-blogs li a {
    display: block;
    float: left;
    margin-top: 0 !important;
    margin-bottom: 15px;
  }
  .list-blogs li a img {
  width: 100%;
}   
.list-blogs li a figcaption {
  width: 100%;
}
}
@media (max-width: 991px) {
  .list-blogs li {
    width: calc(100% - 30px);
    float: left;
    margin: 0 15px;
  }
   .list-blogs li {
    width: 100% !important;
  }
    .list-blogs li a figcaption, .list-blogs li a img {
    width: 100%;
  }
    .list-blogs li a figcaption {
    width: 100%;
  }
}






/*******************Modal**************/

.my-modal form ul li input {
  width: 100%;
  height: 45px;
  padding: 0px 15px;
  color: #000;
  outline: 0px;
  box-shadow: none;
  border: none;
  border-bottom: solid 1px #DDD !important;
  border-radius: 5px;
}

.my-modal {
  float: right;
  width: 100%;
  height: auto;
  border-radius: 8px;
  max-width: 400px;
  padding: 10px;
  text-align: center;
  padding-top: 20px;
  box-shadow: none;
  border: none;
  padding: 10px !important;
  margin: 10px !important;
}
.my-modal form ul li textarea {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #ddd !important;
  border-radius: 5px;
  padding: 15px;
  color: #000;
  outline: 0px;
  box-shadow: none;
  border: none;
    border-bottom-width: medium;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
}
.my-modal form ul li button {
  background-color: #ff541e;
  color: #fff;
  border: 0px;
  padding: 10px 20px;
  border-radius: 5px;
  font-weight: 400;
}


.modal-img img {
  height: 500px;
  width: 100%;
  object-fit: cover;
}

@media (max-width:640px){
    .my-modal{
        margin: 0px !important;
        max-width: auto !important;
    }
    .modal-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.promo-banner button.close {
  border: 3px solid #fff;
  border-radius: 50%;
  padding: 0px 3px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: #727272;
  opacity: 0.8;
  color: #fff;
  z-index: 9;
}
}







a:hover, a:focus {
  color: #07193d !important;
/*  text-decoration: underline;*/
  background: #fff !important;
  transition: all ease 1s ;
}


.common-section-all.cta-common.added-cta-last {
  background: #07193d !important;
}

.common-section-all.cta-common.bg_color_blue.mt-5 {
  background: #07193d !important;
}

.common-heading-section.text-center.ss p a {
  color: #ff6000 !important;
}








/***********Port Folio ***********/
    
    .mobile-info {
  margin: 7em 0px !important;
}

    .portfolio-title h2 {
    font-size: 37px;
    font-weight: 600;
    line-height: 1.3;
}
.mobile-info p {
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
}
.mobile-info h4 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 30px;
}
.mobile-info ul li:nth-child(2) {
    border-right: solid 2px #fff;
}
.mobile-info ul li:nth-child(1) {
    border-right: solid 2px #fff;
}
p.availabl {
    margin: 40px 0px 0px 0px;
}
    .portfolio-main{
        padding: 50px 0px;
        background-color: #002042;
    }
    .portfolio-img img {
      max-width: 70%;
      object-fit: contain;
      height: 100%;
      margin:auto ;
    }

    .mobile-info ul{
        list-style: none;
      padding: 0;
      margin: 0;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 70px;
      margin-left: -30px;
      margin-right: -30px;
      opacity: 1;
      top: 50px;
      position: relative;
      transition: .5s;

    }

    .mobile-info ul li {
      width: 33.333%;
      text-align: left;
      padding: 0 30px;
    }


    .mobile-info ul li big {
      display: block;
      font-size: 40px;
      font-weight: bold;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.26;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
    }
     
    .mobile-info ul li small {
      font-size: 16px;
      font-weight: 600;
      font-style: normal;
      font-stretch: normal;
      line-height: 2.25;
      letter-spacing: normal;
      text-align: left;
      color: rgba(212,228,198,0.8);
    }

.portfolio-second{
    background-color: #a92427;
        padding: 50px 0px;
}
@media (min-width: 1300px) {
    .container {
        width: 1250px;
    }
}

/***********Port Folio ***********/



/*Location*/

@media(max-width:900px){
   
}