@font-face {
    font-family: 'BeVietnamLight';
    src: url('../fonts/BeVietnamLight.eot');
    src: url('../fonts/BeVietnamLight.eot') format('embedded-opentype'),
         url('../fonts/BeVietnamLight.woff2') format('woff2'),
         url('../fonts/BeVietnamLight.woff') format('woff'),
         url('../fonts/BeVietnamLight.ttf') format('truetype'),
         url('../fonts/BeVietnamLight.svg#BeVietnamLight') format('svg');
}

@font-face{
    font-family:"manrope-regular";
    src:url("../fonts/manrope.regular.otf") format("woff"),
    url("../fonts/manrope.regular.otf") format("opentype"),
    url("../fonts/manrope.regular.otf") format("truetype");
}
@font-face{
    font-family:"manrope-thin";
    src:url("../fonts/manrope.thin.otf") format("woff"),
    url("../fonts/manrope.thin.otf") format("opentype"),
    url("../fonts/manrope.thin.otf") format("truetype");
}
@font-face{
    font-family:"manrope-light";
    src:url("../fonts/manrope.light.otf") format("woff"),
    url("../fonts/manrope.light.otf") format("opentype"),
    url("../fonts/manrope.light.otf") format("truetype");
}
@font-face{
    font-family:"manrope-medium";
    src:url("../fonts/manrope.medium.otf") format("woff"),
    url("../fonts/manrope.medium.otf") format("opentype"),
    url("../fonts/manrope.medium.otf") format("truetype");
}
@font-face{
    font-family:"manrope-semibold";
    src:url("../fonts/manrope.semibold.otf") format("woff"),
    url("../fonts/manrope.semibold.otf") format("opentype"),
    url("../fonts/manrope.semibold.otf") format("truetype");
}
@font-face{
    font-family:"manrope-bold";
    src:url("../fonts/manrope.bold.otf") format("woff"),
    url("../fonts/manrope.bold.otf") format("opentype"),
    url("../fonts/manrope.bold.otf") format("truetype");
}
@font-face{
    font-family:"manrope-extrabold";
    src:url("../fonts/manrope.extrabold.otf") format("woff"),
    url("../fonts/manrope.extrabold.otf") format("opentype"),
    url("../fonts/manrope.extrabold.otf") format("truetype");
}


   @font-face {
    font-family: 'DM Sans Regular';
    font-style: normal;
    font-weight: normal;
    src: local('DM Sans Regular'), url('../fonts/DMSans-Regular.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Italic';
    font-style: normal;
    font-weight: normal;
    src: local('DM Sans Italic'), url('../fonts/DMSans-Italic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Medium';
    font-style: normal;
    font-weight: normal;
    src: local('DM Sans Medium'), url('../fonts/DMSans-Medium.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('DM Sans Medium Italic'), url('../fonts/DMSans-MediumItalic.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Bold';
    font-style: normal;
    font-weight: normal;
    src: local('DM Sans Bold'), url('../fonts/DMSans-Bold.woff') format('woff');
    }
    

    @font-face {
    font-family: 'DM Sans Bold Italic';
    font-style: normal;
    font-weight: normal;
    src: local('DM Sans Bold Italic'), url('../fonts/DMSans-BoldItalic.woff') format('woff');
    }



@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoonf1c4.eot?44ptm7');
  src:  url('../fonts/icomoonf1c4.eot?44ptm7#iefix') format('embedded-opentype'),
    url('../fonts/icomoonf1c4.ttf?44ptm7') format('truetype'),
    url('../fonts/icomoonf1c4.woff?44ptm7') format('woff'),
    url('../fonts/icomoonf1c4.svg?44ptm7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;font-display: swap;
}

h5.slide-title.text-white.pb-2 {
    font-size: 14px;
    font-family: manrope-regular;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'manrope-regular';
}




[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;font-display: swap;
}

.icon-left-arrow1:before { content: "\e900"; }
.icon-left-arrow2:before { content: "\e901"; }
.icon-right-arrow1:before { content: "\e903"; }
.icon-right-arrow2:before { content: "\e902"; }
/*
<span class="icon-left-arrow1"></span>
<span class="icon-left-arrow2"></span>
<span class="icon-right-arrow1"></span>
<span class="icon-right-arrow2"></span>
*/

html { scroll-behavior: smooth; }
body { font-family: DM Sans Regular; font-size: 16px; font-weight: normal; color: #434343; overflow: hidden; overflow-y: auto;}
body, h1, h2, h3, h4, h5, h6, p, ul, li, table { margin: 0px; padding: 0px; list-style: none; }
*, ::after, ::before { box-sizing: border-box; }
*{ margin: 0px; padding: 0px; }
[type="button"]:not(:disabled), button:not(:disabled) { outline: none; }


a { -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; 
	color: #052334; outline: none;
}
a:hover, a:focus { text-decoration: none; color: #434343; outline: none; font-family: DM Sans Regular; }


p { line-height: 1.6; font-weight: normal; padding-bottom: 20px; font-size: 16px; font-family: DM Sans Regular; }
p:last-child { padding-bottom: 0px; }


.btn:focus { box-shadow: none; }
.textcenter { text-align: center; }
.textright { text-align: right; }

.form-control:focus{ box-shadow: none; }

.capital { text-transform: capitalize !important; }
.upper { text-transform: uppercase !important; }

.sep { padding: 5px 0px; display: block; }
.sep1 { padding: 10px 0px; display: block; }


[class*="font-"] { line-height: 1.5 !important; }
.font-10 { font-size: 10px !important; }
.font-12 { font-size: 12px !important; }
.font-13 { font-size: 13px !important; }
.font-14 { font-size: 14px !important; }
.font-15 { font-size: 15px !important; }
.font-16 { font-size: 16px !important; }
.font-18 { font-size: 18px !important; }
.font-20 { font-size: 20px !important; }
.font-22 { font-size: 22px !important; }
.font-24 { font-size: 24px !important; }
.font-25 { font-size: 25px !important; }


.font1{ font-family: manrope-regular !important; }
.font2{ font-family: manrope-regular !important; }
.font3{ font-family: manrope-regular !important; }
.font4{ font-family: manrope-regular !important; }
.font5{ font-family: manrope-regular !important; }
.font6{ font-family: manrope-regular !important; }
.font7{ font-family: manrope-regular !important; }
.font8{ font-family: manrope-regular !important; }
.font9{ font-family: manrope-regular !important; }


.lineH{ line-height: normal !important; }
.wx-100{ max-width: 100% !important; }
.h-auto{ height: 100px !important; }

.image { display: inline; max-width: 100%; }
.light { font-weight: 200 !important; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold !important; }
.sbold { font-weight: 600 !important; }
.heavy { font-weight: 900 !important; }


.white { color: #ffffff; }
.black { color: #013fa6 !important; }
.green { color: #10a672 !important; }
.greenLight { color: #00c57c !important; }

.whitebg{ background-color: #ffffff !important; }


.btn1 { background: #013fa6; border: solid 2px #013fa6; border-radius: 0px; color: #ffffff; font-size: 16px; font-weight: bold; text-decoration: none; display: inline-block; padding: 12px 28px; min-height: 35px; cursor: pointer; text-align: center; }
.btn1:hover, .btn1:focus { background: #013fa6; border: solid 2px #013fa6; color: #ffffff; }

.link1{ text-decoration: underline !important; }
.link2{ color: #cfcfcf; }
.link2:hover, .link2:focus{ color: #013fa6; }
.link3{ color: #000 !important; text-decoration: underline !important; }
.link4{ color: #013fa6 !important; text-decoration: none; }
/* Chnaged by Jayeeta */
.btnlg{ font-size: 22px !important; font-weight: 400 !important; padding: 5px 10px 7px; min-height: 37px;}
.btnlg span{ padding-left: 5px; }


.row30 { margin-left: -30px; margin-right: -30px; }
.row30 > [class*="col-"] { padding-left: 30px; padding-right: 30px; }
.row8 { margin-left: -8px; margin-right: -8px; }
.row8 > [class*="col-"] { padding-left: 8px; padding-right: 8px; }
.row6 { margin-left: -6px; margin-right: -6px; }
.row6 > [class*="col-"] { padding-left: 6px; padding-right: 6px; }
.row6 > [class*="col"] { padding-left: 6px; padding-right: 6px; }
.noSpace { margin-left: 0px; margin-right: 0px; }
.noSpace > [class*="col-"] { padding-left: 0px; padding-right: 0px; }

.row.vdivide [class*='col-']:not(:first-child):after { background: #ccc; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }


/*----Header----*/

.sticky-top{ padding: 0px; position: relative; width: 100%; }
.navbar{ padding: 0px; }


.headerMain{ background: #fff; padding: 0px; }
.headerMain .navbar-brand{ padding: 0px; }
.headerMain .navbar-brand img{ width: 100%; max-width: 115px; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.sm-blue a:hover, .sm-blue a:focus, .sm-blue a.highlighted {
    color: #013fa6 !important;
}

.headerMain.affix{ background-color: #fff; }
.headerMain.affix .navbar-brand img{ max-width: 80px; }
.headerMain.affix .menuMain .nav-link{ color: #000; font-size: 16px; }

/*--Main Menu--*/
.menuMain { font-family: manrope-regular; }
.menuMain .navbar{ padding: 0rem 1rem; }
.menuMain .nav-link{ margin: 18px; padding: 0px 0px 8px 0px !important; color: #000; font-weight: 600; font-size: 18px; text-transform: uppercase; position: relative; }
.menuMain .nav-item .dropdown-menu { top: 100%; border-radius: 0px; margin-top: 110px; opacity: 0; visibility: hidden; z-index: -1; transition: all 0.2s; display: block; }
.menuMain .nav-item .dropdown-menu.show { display: block; margin-top: 0px !important; opacity: 1; visibility: visible; z-index: 1; transition: all 0.2s; }
.megamenu .dropdown-header {
    font-size: 17px;
}
.megamenu .dropdown-header img {
    /*float: right;*/
    padding: .25rem 0;
}
.megamenu .dropdown-item ul li {
    padding: .25rem 0;
}
.headerMain .nav-item {
    padding-bottom: 9px;
    padding-top: 9px;
}
.menuMain.menuhome2 .nav-item .dropdown-menu.show { margin-top: 0px !important; }
.menuMain.menuhome2 .megamenu, .menuMain.menuhome3 .megamenu, .menuMain.menuhome4 .megamenu { top: 100%; }


.menuMain .nav-item .dropdown-item.active, .menuMain .nav-item .dropdown-item:active { color: #212529; text-decoration: none; background-color: transparent; border: none; outline: none; }
.menuMain .nav-link:hover:before, .menuMain .nav-link.active:before{ position: absolute; right: 0px; bottom: 0px; width: 25px; height: 5px; border-radius: 6px; content: ""; background-color: #ffffff; }

/*.menuMain .nav-link:hover, .menuMain .nav-link:focus{ color: #4281a5; }
.menuMain .nav-item.active a{  }*/
/*--Main Menu End--*/


/*---- Main Slider ----*/
.mainSliderMain{ position: relative; }

#MainSlider{ color: #fff; position: relative; }

#MainSlider:before{ position: absolute; right: 0px; width: 15%; background-color: #013fa6; height: 100%; content: ""; z-index: 1; }

#MainSlider .item{ position: relative; }
#MainSlider .container{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 100%; display: flex; align-items: center; }
#MainSlider .owl-nav { position: absolute; left: 0px; right: 0px; bottom: 50px; max-width: 1200px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }


#MainSlider .owl-nav .owl-prev{ position: relative; width: 136px; height: 74px; background-color: #013fa6; cursor: pointer; font-size: 12px; }
#MainSlider .owl-nav .owl-prev:after{ content: "prev"; font-family: manrope-regular !important; font-size: 24px; padding-left: 10px; }
#MainSlider .owl-nav .owl-next{ position: relative; width: 136px; height: 74px; background-color: #013fa6; cursor: pointer; font-size: 12px; }
#MainSlider .owl-nav .owl-next:before{ content: "next"; font-family: manrope-regular !important; font-size: 24px; padding-right: 10px; }
#MainSlider .owl-dots {  
    -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
    position: absolute; right: 140px; top: 50%; z-index: 55;
}
#MainSlider .owl-dots .owl-dot{ width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; box-shadow: 0px 0px 0px 3px #013fa6; margin: 6px; }
#MainSlider .owl-dots .owl-dot.active{ background-color: transparent; box-shadow: 0px 0px 0px 2px #ffffff; }

.mainSlideData{  }
.mainSlideData h1{ font-family: manrope-regular; font-size: 80px; line-height: 80px; padding: 0px 0px 50px 0px; }
.mainSlideData h1 small{ font-family: manrope-regular !important; font-size: 17px; line-height: normal; text-transform: uppercase; font-weight: bold; display: block; color: rgba(255, 255, 255, 0.7); letter-spacing: 3px; padding: 0px 0px 40px 8px; }
.mainSlideData a{ font-family: DM Sans Regular !important; font-size: 20px; color: #fff; font-weight: bold; }
.mainSlideData a .icon-right-arrow1{ font-size: 12px; padding-left: 10px; }

.sliderCounterMain{ position: absolute; left: 0px; right: 0px; bottom: 170px; z-index: 10; }
.slider-counter{ text-align: right; font-family: DM Sans Regular !important; color: #013fa6; font-size: 48px; line-height: 0px; }
.slider-counter span{ color: #013fa6; font-size: 22px; }

.socialMain{ width: 22px; position: absolute; right: 178px; bottom: 120px; top: auto; z-index: 20; text-align: center; }
.socialMain ul{  }
.socialMain li{ font-size: 20px; display: block; margin: 12px 0px; }
.socialMain li a{ color: #ffffff; }
.socialMain li a:hover, .socialMain li a:focus{ color: rgba(255, 255, 255, 0.6); }

.mouse{ text-align: center; position: absolute; left: 0px; right: 0px; bottom: 40px; width: 36px; margin: 0px auto; z-index: 20; }
.mouse span{ 
    position: relative;
    -webkit-animation: mouse 3000ms infinite; /* Safari 4.0 - 8.0 */
    animation: mouse 3000ms infinite; 
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes mouse {
  0%   {top: 0px;}
  25%  {top: 20px;}
  75%  {top: 0px;}
}

/* Standard syntax */
@keyframes mouse {
  0%   {top: 0px;}
  25%  {top: 20px;}
  75%  {top: 0px;}
  
}
/*---- Main Slider End ----*/


.indx-whatwedoMain{  }
.indx-whatwedoBox{ padding: 155px 50px 95px; height: 100%; }
.indx-whatwedoBox.line{ border-left: solid 5px #f2f2f2; border-right: solid 5px #f2f2f2; }

.indx-whatwedoBox h2{ font-family: manrope-regular; font-size: 135px; color: #434343; line-height: 0px; }
.indx-whatwedoBox h2 small{ font-size: 60px; padding: 120px 0px 0px 0px; display: block; width: 100%; line-height: 60px; }

.indx-whatwedoBox h3{ font-size: 50px; color: #434343; position: relative; padding: 0px 0px 20px; margin: 0px 0px 50px; }
.indx-whatwedoBox h3:before{ position: absolute; left: 0px; bottom: 0px; width: 108px; height: 5px; background-color: #cfcfcf; content: ""; }
.indx-whatwedoBox h4{ font-family: manrope-regular; font-size: 26px; padding: 0px 0px 24px; font-weight: normal; }
.indx-whatwedoBox p { font-size: 23px; color: #595959; font-weight: normal; }
.whatwedoSlider{}
.whatwedoSlider .owl-dots{
    text-align: left;
    position: absolute;
    bottom: 50px;
}
.whatwedoSlider .owl-dots button.owl-dot{
    background-color: rgba(0, 0, 0, 0.5);
    height: 10px;
    width: 10px;
    border-radius: 10px;
    margin: 5px;
}
.whatwedoSlider .owl-dots button.owl-dot.active{
    height: 12px;
    width: 12px;
    background-color: rgba(0, 0, 0, 1.0);
}

.indx-fourStap{ background-color: #f7f7f7; padding: 90px 0px 90px; text-align: center; }
.row.boxDotLine [class*='col-']:not(:first-child):after { /*background: #ccc;*/ border-top: dashed 2px #cccccc; width: 135px; height: 2px; content: ""; display:block; position: absolute; top:40%; bottom: 0; left: -70px; }
.indx-fourStapBox{  }
.indx-fourStap1{ position: relative; width: 130px; height: 130px; margin: 0px auto; display: flex; align-items: center; justify-content: center; }
.indx-fourStap1:before{ content: "01"; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 110px; color: #eaeaea; }
.indx-fourStap1.indx-fourStap2{ }
.indx-fourStap1.indx-fourStap2:before{ content: "02" !important; }
.indx-fourStap1.indx-fourStap3{ }
.indx-fourStap1.indx-fourStap3:before{ content: "03" !important; }
.indx-fourStap1.indx-fourStap4{ }
.indx-fourStap1.indx-fourStap4:before{ content: "04" !important; }
.indx-fourStapBox img{ position: relative; }
.indx-fourStap h4{ font-family: manrope-regular; font-size: 18px; color: #454545; font-weight: 600; padding: 12px 0px 0px 0px; }


.indx-aboutMain{ background-color: #fff; color: #434343; /*background-image: url(../images/indx-aboutMainbg.jpg); background-repeat: no-repeat;*/ background-position: right top; background-size: cover; position: relative; margin: 50px 0px 0px; z-index: 1; }
.indx-aboutMain:before{ /*background-color: #013fa6;*/ position: absolute; left: 0px; top: 0px; bottom: 0px; content: ""; width: 50%; height: 100%; }
.indx-aboutMain:after{ background-color: #f7f7f7; position: absolute; left: 0px; right: 0px; top: 0px; content: ""; width: 100%; height: 50px; z-index: -1; }

.indx-aboutBox{ padding: 40px 0px; }
.indx-aboutBox h3{ font-size: 37px; font-weight: bold; text-transform: capitalize; padding: 0px 0px 15px 0px; position: relative; letter-spacing: -1px; color: #013fa6;}
.indx-aboutBox h3:before{ font-size: 140px; font-weight: bold; text-transform: uppercase; padding: 0px 0px 30px 0px; position: absolute; left: -20px; top: -8px; bottom: 0px; content: ""; line-height: 0px; color: rgba(255, 255, 255, 0.2) }
.indx-aboutBox p{ font-size: 19px; }
.indx-aboutBox a{ color: #ffffff; font-size: 20px; text-transform: uppercase; font-weight: 500; margin-top: 40px; display: block; }

.indx-aboutSliderMain{ background-color: #404856; height: 100%; position: relative; padding: 0px 60px; }
.indx-aboutSliderMain:before{ background-color: #f5f5f5; position: absolute; left: 0px; right: 0px; top: -50px; width: 100%; height: 100%; content: ""; }
.indx-aboutSliderMain:after{ background-color: #f5f5f5; position: absolute; left: 0px; right: 0px; bottom: -80px; width: 100%; height: 100%; content: ""; }
.indx-aboutSliderMain .row{ position: relative; z-index: 3; }
.indx-aboutSliderBox{ padding: 30px 10px; }
.indx-aboutSliderBox h4{ font-size: 28px; padding: 0px 0px 20px; color: #013fa6; }
.indx-aboutSliderBox p{ color: #564044; font-size: 18px; min-height: 150px; }
.indx-aboutSliderBox a{ font-family: DM Sans Regular !important; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: bold; color: #676767;}
.indx-aboutSliderBox-icon{ margin-bottom: 20px; }
.indx-aboutSliderBox-icon img{ /*width: auto !important*/    width: 70px; max-height: 94px; background: #013fa6; padding: 10px;}

#indx-aboutSlider .owl-dots{ text-align: right; }
#indx-aboutSlider .owl-dots .owl-dot { background-color: #013fa6; width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin: 0px 6px; }
#indx-aboutSlider .owl-dots .owl-dot.active{ background-color: transparent; border: solid 2px #ffffff; width: 16px; height: 16px; }

.mainBannerPlayIcon{ position: absolute; right: 26%; top: 45%; z-index: 999; }
.mainBannerPlayIcon span{
    width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 50%; background-color: #ffffff; box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); display: block; color: #013fa6;
    -webkit-transition: all 600ms ease-in-out; -moz-transition: all 600ms ease-in-out; -ms-transition: all 600ms ease-in-out; -o-transition: all 600ms ease-in-out; transition: all 600ms ease-in-out;
    -webkit-animation: playIcon 3000ms infinite; /* Safari 4.0 - 8.0 */
    animation: playIcon 3000ms infinite;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes playIcon {
  0%   { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
  25%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.3); }
  75%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
}

/* Standard syntax */
@keyframes playIcon {
  0%   { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
  25%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.3); }
  75%  { box-shadow: 0px 0px 0px 20px rgba(255, 255, 255, 0.2); }
}


.mainBannerPlayIcon a span i{
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
}
.mainBannerPlayIcon a:hover span i{  
    -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);
}
/*.mainBannerPlayIcon a:hover span{ box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2); }*/
/*.mainBannerPlayIcon a:hover span i{
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;
    -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3);
}*/

.clientsMainPart{ position: relative; }
.clientsMainPart:before{ position: absolute; background-color: #f7f7f7; right: 0px; top: 0px; bottom: 0px; content: ""; width: 33%; height:100%; }

.clientsWrapper{  }
.clientsWrapper h3{ font-family: manrope-regular; font-size: 18px; color: #564044; font-weight: bold; text-transform: uppercase; padding: 0px 0px 50px 0px; position: relative; }
.clientsWrapper h3 span{ font-family: manrope-regular !important; font-size: 60px; color: #013fa6; font-weight: 900; text-transform: none !important; display: block; padding-top: 18px; }

.clientsLeftBox{ padding: 190px 0px 100px; height: 100%; }
.clientsRightBox{ padding: 190px 30px 100px 30px; background-color: #f7f7f7; height: 100%; position: relative; }
.clientsRightBox:before{ background-image: url(../images/clientsRightBoxMap.png); background-repeat: no-repeat; background-size: contain; background-position: left bottom; content: ""; width: 100%; height: 100%; 
    position: absolute; left: -30px; bottom: -70px;
}
.clientsRightBox ul{ text-align: right; position: relative; }
.clientsRightBox li{ font-family: manrope-regular !important; font-weight: bold; font-size: 22px; line-height: normal; padding-bottom: 40px; }
.clientsRightBox li:last-child{ padding-bottom: 0px; }
.clientsRightBox li span{ font-family: manrope-regular; font-size: 53px; color: #013fa6; display: block; padding: 0px; line-height: normal; }


.clientSliderAndCounterMain{ position: relative; }

.clientSliderCounterBox{ position: absolute; top: 0px; left: 373px; background-color: #404856; width: auto; min-height: 80px; width: 132px; 
    display: flex; align-items: center; border-radius: 40px; justify-content: center; z-index: 90px;
}
.clientSlider-counter{ font-family: DM Sans Regular; color: #ffffff; font-size: 38px; letter-spacing: 5px; }
.clientSlider-counter span{ color: #e3e3e3; font-size: 23px; }


.clientsBoxData{ padding: 100px 30px 0px 70px; }
.clientsBoxDataThumb{ width: 303px; padding-bottom: 104px; }
.clientsBoxData h4{ font-family: manrope-regular !important; font-size: 50px; color: #013fa6; font-weight: bold; padding-bottom: 30px; }
.clientsBoxData p{ font-family: DM Sans Regular !important; font-size: 23px; color: #676767; font-weight: normal; padding-bottom: 30px; }


#clientSlider{  }
#clientSlider .owl-nav{ background-color: #013fa6; width: 303px; height: 104px; position: absolute; left: 0px; bottom: 0px; 
    display: flex; align-items: center; align-self: center; justify-content: space-around;
}
#clientSlider .owl-nav button{ color: #ffffff; font-size: 30px; display: block; width: 100%; height: 100%; border-top: solid 1px rgba(255, 255, 255, 0.2); }
#clientSlider .owl-nav button:hover{ background-color: #013fa6; color: #ffffff; border-top: solid 1px #fff; }
#clientSlider .owl-nav button.owl-next{ background-color: #013fa6; color: #ffffff; }


.linkarrow { font-family: DM Sans Regular !important; color: #676767; font-weight: normal; display: flex; align-items: center; }
.linkarrow i{ padding-left: 15px; }


.brandLogoSection{ background-color: #ffffff; padding: 60px 0px; border-top: solid 3px #f7f7f7; }
.brandLogoBoxMain{  }
.brandLogoBox{ padding: 0px 15px; }
.brandLogoBox img{ width: auto !important; }

#brandLogoSlider{  }
#brandLogoSlider .owl-nav, #brandLogoSlider .owl-dots{ display: none; }
#brandLogoSlider .owl-stage{ display: flex; justify-content: center; }
#brandLogoSlider .item{ display: flex; justify-content: center; align-self: center; align-items: center; height: 100%; }



/*---- PORTFOLIO SLIDER PART ----*/
.prortfolioMainPart{ color: #ffffff; padding: 110px 0px 0px; position: relative; }
.prortfolioMainPart:before{ background-color: #013fa6; height: 80%; content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; }

.prortfolioTabMain{ position: relative; text-align: center; }

.prortfolioTabNav{ padding-top: 20px; padding-bottom: 70px; }
.prortfolioTabNav ul.nav{ justify-content: center; }
.prortfolioTabNav ul.nav li { font-family: manrope-regular !important; display: inline-block; padding: 0px 80px; text-transform: uppercase; font-size: 23px; font-weight: 600; }
.prortfolioTabNav ul.nav li a{ color: #000; fill: #000; }
.prortfolioTabNav ul.nav li a.active{ color: #ffffff; fill: #ffffff; }
.prortfolioTabNavIcon{ width: 70px; padding-right: 10px; }

.ourCasesMain{ max-width: 1018px; margin: 0px auto; text-align: center; position: relative; }
.ourCasesMain:before{ background-color: #F5F5F5; border-radius: 12px; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; height: 640px; content: ""; }
.ourCasesContain{ position: relative; padding: 50px 0px 36px 0px; }
.ourCasesContain h4{ font-size: 31px; text-transform: uppercase; font-family: manrope-regular; font-weight: 600; text-transform: uppercase; }
.ourCasesContain h4 small{ display: block; font-size: 16px; font-family: manrope-regular !important; font-weight: bold; text-transform: capitalize; padding-top: 6px; }


.prortfolioSliderWrapper{ position: relative; padding: 26px 0px 0px 0px; }

.laptopFrame{ position: absolute; left: 0px; right: 0px; top: 0px; width: 690px; text-align: center; z-index: 3; margin: 0px auto; pointer-events: none;}
.laptopFrame img{ width: 100%; }

.prortfolioImageBox{  }
.prortfolioImageBox img{ object-fit: cover; width: 100%; }

.prortfolioMainPart .owl-item.center .item{ margin: 0px; }
.portfolioSliderLoop .owl-dots { text-align: center; padding: 60px 0px 0px 0px; }
.portfolioSliderLoop .owl-dots .owl-dot{ width: 16px; height: 16px; background-color: #013fa6; border-radius: 50%; display: inline-block; margin: 0px 10px; border: solid 2px #3b4350;  }
.portfolioSliderLoop .owl-dots .owl-dot.active{ background-color: #013fa6; border: solid 2px #013fa6; }
/*---- PORTFOLIO SLIDER PART END ----*/


.recentPostsPart{ padding: 150px 0px 50px; }
.recentPostsPart h3{ color: #013fa6; font-size: 60px; font-weight: bold; padding-bottom: 40px; }
.recentPostsPart h3 small{ font-family: manrope-regular !important; font-size: 18px; color: #404856; text-transform: uppercase; display: block; font-weight: bold; padding-bottom: 15px; }

.recentPostsBox{ background-color: #f7f7f7; }
.recentPostsBoxImage{ position: relative; }
.recentPostsBoxImage img{ width: 100%; object-fit: cover; }
.recentPostsBoxDate{ 
    position: absolute; left: 0px; bottom: 0px; text-align: center;
    width: 100px; padding: 10px 0px 6px; background-color: #373e4a; color: #d9dadb; font-size: 16px;
}

.recentPostsBoxDate span{ display: inline-block; font-weight: 900; color: #ffffff; font-size: 48px; letter-spacing: -3px; line-height: 48px; border-bottom: solid 2px #696e77; margin-bottom: 5px; }

.recentPostsBoxData{ padding: 40px 20px; }
.recentPostsBoxData h4{ font-size: 25px; color: #013fa6; font-weight: bold; padding: 0px 0px 20px 0px; }
.recentPostsBoxData h5{ font-size: 14px; color: #636363; position: relative; padding: 0px 0px 18px 46px; }
.recentPostsBoxData h5:before{ position: absolute; left: 0px; top: 7px; background-color: #013fa6; width: 34px; height: 2px; content: ""; }
.recentPostsBoxData h5 span{ color: #a2a2a2; }


#recentPostsSlider{  }
#recentPostsSlider .owl-nav{ display: block; position: absolute; top: -114px; right: 0px; 
    background-color: #013fa6; /*width: 180px;*/ height: 60px; text-align: center; line-height: 60px; border-radius: 40px;
}

#recentPostsSlider .owl-nav .owl-prev { font-size: 16px; color: #ffffff; padding: 0px 12px 0px 30px !important;  }
#recentPostsSlider .owl-nav .owl-next{ font-size: 16px; color: #ffffff; padding: 0px 30px 0px 12px !important;  }



.ourClientsMainPart{ position: relative; padding-top: 50px; padding-bottom: 100px;}
.ourClientsMain{ /*position: absolute*/  position relative; left: 0px; right: 0px; top: 0px; }
.ourClients{ position: relative; }
.ourClients h3{ font-size: 60px; font-weight: bold; text-transform: uppercase; color: #013fa6; line-height: 60px; text-align: right; position: absolute; top: -48px; left: 0px; right: 0px; width: 100%; }
.ourClients h3 small{ font-size: 34px; font-weight: bold; display: block; line-height: normal; }

.ourClients .media { margin-bottom: 13px; }
.ourClients .media .media-body{ position: relative; margin: 0px 13px 0px 0px; }
.ourClients .media .media-body:before{ position: absolute; right: -13px; top: 13px; bottom: -13px; left: 13px; content: ""; border: solid 1px #b3b3b3;  }

.ourClientsData{ background-color: #f7f7f7; padding: 80px 120px 80px 80px; position: relative; }
.ourClientsData h4{ font-size: 28px; color: #013fa6; font-weight: normal; padding-bottom: 40px; position: relative; }
.ourClientsData h4:before{ font-family: "Font Awesome 5 Free"; content: "\f10d"; font-weight: bold; font-size: 60px; color: #d2d2d2; position: absolute; right: 0px; top: -10px; line-height: normal; }
.ourClientsData h4 span{ font-size: 24px; color: #bbbbbb; display: block; padding-top: 5px; }
.ourClientsData p{ font-size: 21px; color: #636363; padding: 0px; }

.ourClientsThumb{ width: 348px; }
.ourClientsThumb img{ object-fit: cover; object-position: left; min-height: 400px; }

#ourClientSlider{  }
#ourClientSlider .owl-nav{ background-color: #013fa6; width: 348px; text-align: center; position: absolute; bottom: 13px; left: 0px; }
#ourClientSlider .owl-nav button{ color: rgba(255, 255, 255, 0.6); height: 120px; font-size: 26px; padding: 0px 30px !important; 
    -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out;    
}
#ourClientSlider .owl-nav button:hover{ color: #ffffff; }
#ourClientSlider .owl-nav .owl-prev{ width: 50%; }
#ourClientSlider .owl-nav .owl-next{ background-color: #013fa6; width: 50%; }

.ourClientsMap{  }
.ourClientsMap img{ object-fit: cover; width: 100%; }


.mapPart{ position: relative; }
.mapFrame{ /*position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; z-index: 55;*/ }
.mapFrame .container{  }
.mapFrameBox{ background-color: #ffffff; border-radius: 3px; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3); padding: 90px 40px 60px 48px; margin-top: -32px; 
    position: absolute; left: 15px; right: 0px; top: 0px; bottom: 0px; z-index: 55; width: 100%; height: 100%; display: table;
}
.mapFrameBox h3{ color: #013fa6; font-size: 27px; font-weight: 500; padding-bottom: 35px; }
.mapFrameBox .postIcon{ font-size: 50px; color: #013fa6; }

.contactForm{ padding: 25px 0px 0px 0px; }
.contactForm .form-group{ margin-bottom: 22px; }
.contactForm .form-control{ border: none; border-bottom: solid 2px #f1f1f1; padding-left: 0px; padding-right: 0px; font-size: 14px; min-height: 50px; border-radius: 0px; }


.indx-contactColumMain{ background-color: #f3f3f3; padding: 35px 0px 75px; position: relative; border-bottom: solid 18px #ffffff; }
.indx-contactColumMain .media{  }
.indx-contactColumMain .media i{ font-size: 68px; color: #013fa6; }
.indx-contactColumMain .media .fa-phone-volume{ -moz-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); -o-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); }
.indx-contactColumMain .media .media-body h5{ font-family: manrope-regular; font-size: 30px; color: #013fa6; font-weight: bold; }
.indx-contactColumMain .media .media-body { font-family: DM Sans Regular; font-size: 22px; color: #616161; padding-left: 22px; }
.indx-contactColumMain .media .media-body a{ color: #434343 !important; }

.twiterSliderMain{ position: absolute; left: 0px; right: 0px; bottom: -18px; border-bottom: solid 10px #013fa6; }
.twiterSliderMain:before{ position: absolute; left: 0px; bottom: 0px; background-color: #013fa6; content: ""; width: 50%; height: 48px; }
.twiterSliderBox{ background-color: #013fa6; height: 48px; display: flex; align-items: center; color: #000; position: relative; }
.twiterSliderBox:before{ background-color: #013fa6; height: 48px; width: 200px; position: absolute; right: -30px; top: 0px; bottom: 0px; content: ""; 
    -moz-transform: skewX(30deg); -webkit-transform: skewX(30deg); -o-transform: skewX(30deg); -ms-transform: skewX(30deg); transform: skewX(30deg);
}

.twiterSliderBoxData{ display: flex; padding-top: 10px; position: relative; }
.twiterSliderBoxData span{ color: #f4c0c8; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100px; }
.twiterSliderBoxData i{ font-size: 25px; padding: 0px 15px 0px 0px; }
.twiterSliderBoxData p{ padding: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: auto; }
.twiterSliderBoxData p span{ padding-left: 20px; }

#quoteSmallSlider{  }
#quoteSmallSlider .owl-nav{ position: absolute; right: 0px; top: 2px; line-height: normal; }
#quoteSmallSlider .owl-nav .owl-prev{ font-size: 30px; margin: 0px 5px; }
#quoteSmallSlider .owl-nav .owl-next{ font-size: 30px; margin: 0px 5px; }



/*--Footer--*/
.footerMain { background-color: #013fa6; color: #ffffff; padding: 0px 0px 0px; /*background-image: url(../images/footerLogo.png);*/ background-repeat: no-repeat; background-position: 30% top; }

.footerBox { padding: 0px 0px 40px; font-family: DM Sans Regular !important; }
.footerBox h3 { font-family: manrope-regular; font-size: 30px; font-weight: normal; padding-bottom: 10px; color: #ffffff; text-transform: capitalize; position: relative; margin-bottom: 34px; }
.footerBox h3:before { background-color: #373e4b; position: absolute; left: 0px; right: 0px; bottom: 0px; content: ""; width: 100%; height: 1px; }
.footerBox h3:after { background-color: #013fa6; position: absolute; right: 50px; bottom: 0px; content: ""; width: 20px; height: 1px; }
.footerBox ul { }
.footerBox li { padding: 0px 0px 6px; font-size: 16px; font-weight: 500; }
.footerBox li:last-child { padding: 0px; }
.footerBox li a { color: #ffffff; }
.footerBox li a:hover { color: rgba(255, 255, 255, 0.6); }

.footerSocial{ background-color: #D7E5EB; text-align: center; padding: 20px 0px; margin-top: 70px; }
.footerSocial ul { }
.footerSocial li { display: inline-block; padding: 0px 28px; font-size: 20px; }
.footerSocial li a{ color: #000; }
.footerSocial li a:hover{ color: #013fa6; }

.copyRight{ padding: 10px 0px 10px; text-align: center; font-size: 10px; color: #fff; font-weight: 300; background: #013fa6; }
.copyRight a{ color: #fff; }
.copyRight a:hover, .copyRight a:focus{ color: #fff; }
/*--Footer End--*/


/*--Inner Page Main Banner Start--*/
.innerMainBanner{ position: relative; }
.innerBannerImage{ position: relative; }
.innerBannerImage img{ width: 100%; }
.innerBannerImage:before{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; background-color: rgba(0, 0, 0, 0.6); }
.innerMainBannerWrapper{ position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; color: #ffffff; width: 100%; height: 100%; z-index: 5; display: flex; align-items: flex-end; padding-bottom: 130px; }
.innerMainBannerWrapper h1{ font-size: 80px; line-height: 80px; font-family: manrope-regular; }
.innerMainBannerWrapper h1 small{ font-size: 18px; line-height: normal; font-family: manrope-regular; font-weight: bold; color: #dad9d9; text-transform: uppercase; display: block; padding: 0px 0px 20px; letter-spacing: 2px; }
.innerMainBannerWrapper h1 span{ display: block; }
.innerBannerBreadcrumb{ font-family: manrope-regular; }
.innerBannerBreadcrumb .breadcrumb{ background-color: transparent; border-radius: 0px; margin: 20px 0 0 0; padding: 0px; justify-content: end; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item { font-size: 24px; font-weight: 600; text-transform: capitalize; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item a { color: #989898; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item + .breadcrumb-item:before { color: #989898; }
.innerBannerBreadcrumb .breadcrumb .breadcrumb-item.active { color: #fff; }
/*--Inner Page Main Banner End--*/


/*---- Contact Us Page ----*/

.justSayHello{ background-color: #343d4c; padding: 30px 0px 0px 0px; }
.justSayHelloImage{ text-align: center; }
.justSayHelloBox{ background-color: #f6f6f6; padding: 70px; color: #013fa6; border-radius: 4px 4px 0px 0px; position: relative; }
.justSayHelloBox:before{ background-color: #f6f6f6; border-radius: 0px 0px 4px 4px; width: 100%; height: 8px; position: absolute; left: 0px; right: 0px; bottom: -6px; content: ""; }
.justSayHelloBox p{ font-family: DM Sans Regular; font-size: 30px; font-weight: 500; }
.justSayHelloBoxIcon { text-align: right; font-size: 65px; color: #404856; }


.contactPageFormPart{ 
	padding: 50px 0px 50px 0px;
	/*background-image: url(../images/aboutus-part-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover; 
}
form#contactFrm {
	color: #000000;
}
.contact.Details {
}
.contact.Details h3 {
    color: #000;
}
/*---- Form Start ----*/
.input-group {
    border: 1px solid #013fa6;
}
textarea#message {
	border: 1px solid #013fa6;
}
label {
    display: inline-block;
    margin-bottom: 0.2rem;
}
.formOne{ padding: 0px 0px 10px; }
.formOne .form-group{ margin-bottom: 15px; }
.formOne .frmOneinp{ height: 42px; font-size: 14px; }
.formOne .labelAll{ font-family: manrope-regular !important; font-size: 24px; color: #676767; font-weight: 500; }
.formOne .frmOneinp:focus{ border: 1px solid #f6f6f6; }
.formOne .form-control { background-color: #f6f6f6; border: 1px solid #f6f6f6; padding: 10px; border-radius: 6px; }
.formOne .frmOneinp.form-control::placeholder{ color: #9d9d9d; }

.formOne .input-group{  }
.formOne .input-group-text{ background-color: #f6f6f6; border: 1px solid #f6f6f6; padding: 0px 15px; font-size: 16px; color: #013fa6; border-radius: 6px; }
.formOne .custom-control-label:before { border: solid 1px #e6e6e6; background-color: #e6e6e6; width: 28px; height: 28px; }
.formOne .custom-control-label:after { width: 28px; height: 28px; }
.formOne .custom-control-label { padding-left: 25px; padding-top: 1px; font-size: 22px; }
.formOne input .custom-control-input:focus { box-shadow: none; }
.formOne .note{ font-size: 18px; color: ##434343; text-align: right; padding-top: 10px; }
/*---- Form End ----*/


.worldMapPartMain{ background-color: #282c32; padding: 90px 0px; position: relative; }
.worldMapPartMain:before{ background-image: url(../images/mapPett.png); background-repeat: repeat; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; content: ""; opacity: 0.2; }
.worldMapPartMain *{ position: relative; }
.worldMapPartMain h3{ font-family: manrope-regular; color: #ffffff; font-weight: bold; font-size: 56px; }
.worldMapPartMain h3 small{ color: #4ed753; font-weight: normal; font-size: 28px; display: block; padding: 0px 0px 10px; }
.worldMapPart{ text-align: center; padding: 80px 0px 40px; }

.worldMapAddressMain{ position: absolute !important; left: 0px; right: 0px; bottom: -120px; z-index: 55; }
.worldMapAddressMain .media{ background-color: #013fa6; padding: 55px 50px; color: #ffffff; border-radius: 8px; position: relative; }
.worldMapAddressMain .media:before{ background-color: #013fa6; position: absolute; left: 110px; top: -15px; content: ""; width: 30px; height: 30px; 
    -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
.worldMapAddressMain .media .media-body{ padding: 0px 0px 0px 40px; font-family: DM Sans Regular; font-size: 28px; }

/*---- Contact Us Page End ----*/

/*---- Commn Title 1 ----*/
.innerComnTitle1{ padding-bottom: 40px; }
.innerComnTitle1 h3{ font-family: manrope-regular; font-weight: 900; font-size: 60px; }
.innerComnTitle1 small{ font-family: manrope-regular; display: block; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 10px; }
.signature{  }
/*---- Commn Title 1 End ----*/


/*---- About Us Page ----*/
.welcomeCxdatalabesPart{ padding: 90px 0px; background-image: url(../images/largeTransLogo.png); background-repeat: no-repeat; background-position: center -140px; }

/*Slider Main*/
.welcomeCxdatalabesSlider { /*justify-content: space-around; overflow: hidden;*/ display: flex; position: relative; margin-bottom: 98px; }
.welcomeCxdatalabesSlider .image-slider-wrapper { position: relative; width: 500px; }
.welcomeCxdatalabesSlider .image-slider-wrapper .ipad-frame { width: 100%; position: absolute; top: 0; z-index: 2; }
.welcomeCxdatalabesSlider .image-slider-wrapper .swiper-slide img { object-fit: cover; }
.welcomeCxdatalabesSlider .quote-slider-wrapper { width: 620px; position: absolute; right: 0px; }
.welcomeCxdatalabesSlider .swiper-button-prev{ left: 26px; bottom: -30px; top: unset; background-color: #013fa6; width: 100px; height: 90px; background-image: none; text-align: center; display: flex; align-items: center; justify-content: center; color: #ffffff; }
.welcomeCxdatalabesSlider .swiper-button-next{ left: 126px; bottom: -30px; top: unset; background-color: #013fa6; width: 100px; height: 90px; background-image: none; text-align: center; display: flex; align-items: center; justify-content: center; color: #ffffff; }

/*My Box Data*/
.welcomeCxdatalabesSliderDataBox{  }
.welcomeCxdatalabesSliderDataBox h3{ font-family: manrope-regular; font-size: 70px; line-height: 70px; color: #013fa6; padding-bottom: 40px; }
.welcomeCxdatalabesSliderDataBox h4{ font-family: manrope-regular; font-size: 17px; font-weight: bold; text-transform: uppercase; color: #013fa6; padding: 0px 0px 20px 57px; letter-spacing: 2px; position: relative; }
.welcomeCxdatalabesSliderDataBox h4:before{ position: absolute; left: 0px; top: 6px; content: ""; background-color: #013fa6; width: 40px; height: 5px; }
.welcomeCxdatalabesSliderDataBox p{ font-size: 21px; }
/*Slider End*/


.myProgressbarPart{ padding: 48px 0px 0px 0px; }
.myProgressBar{ padding-bottom: 60px; }
.myProgressBar:last-child{ padding-bottom: 0px; }
.myProgressBar label{ display: flex; font-family: manrope-regular; font-size: 20px; text-transform: uppercase; font-weight: bold; color: #013fa6; letter-spacing: 2px; margin-bottom: 15px; }
.myProgressBar label span{ margin-left: auto; }
.myProgressBar .progress{ border-radius: 0px; height: 6px; }
.myProgressBar .progress-bar{ background-color: #00c57c; }

.welcomeCxdatalabesText{  }
.welcomeCxdatalabesText p{ font-size: 22px; font-weight: 400; color: #676767; line-height: 2; }


.businessPartnerPart{ background-color: #404856; color: #ffffff; }
.businessPartnerPart .container{ /*max-width: 1920px; padding-left: 0px; padding-right: 0px;*/ }
.businessPartnerLeft{ padding: 70px 80px 0px 80px; }
.businessPartnerLeft p{ font-family: DM Sans Regular; font-size: 16px; }
.businessPartnerNumber{ background-image: url(../images/businessPartnerLeftMap.png); background-repeat: no-repeat; background-position: center center; background-size: contain; padding: 20px 0px 80px; margin-bottom: 22px; }
.businessPartnerNumberBox{ padding: 15px 0px; }
.businessPartnerNumberBox h4{ font-family: manrope-regular; font-weight: 600; font-size: 66px; padding-bottom: 15px; }
.businessPartnerNumberBox h5{ font-family: manrope-regular; font-size: 27px; font-weight: bold; }
.officesWorldwide{ font-family: DM Sans Regular; font-size: 36px; font-weight: bold; padding: 60px 0px 0px; }
.officesWorldwide span{ font-family: manrope-regular; font-weight: 600; font-size: 48px; }

.businessPartnerRight{ height: 100%; }
.businessPartnerRightBox{ font-family: DM Sans Regular; padding: 40px; text-align: center; height: 100%; display: flex; align-items: center; flex-direction: column; justify-content: center; }
.businessPartnerRightBox img{ padding-bottom: 15px; text-align: center; }
.businessPartnerRightBox h3{ font-size: 36px; font-weight: 600; padding: 0px 0px 20px; }
.businessPartnerRightBox p{ font-size: 23px; font-weight: normal; padding: 0px; }
.businessPartnerRightBoxImg{ height: 100%; }
.businessPartnerRightBoxImg img{ width: 100%; height: 100%; object-fit: cover; }
.businessPartnerRightBox.boxBlue{ background-color: #013fa6; background-repeat: no-repeat; background-position: right top; }
.businessPartnerRightBox.boxGreen{ background-color: #013fa6; background-image: url(../images/businessPartnerRightBoxGreenPet.jpg); background-repeat: no-repeat; background-position: right bottom; }

.ourCreativeTeamPart{ padding: 40px 0px 50px; }
.ourTeamBox{ position: relative; }
.ourTeamBoxImage{ padding-bottom: 70px; }
.ourTeamBoxImage img{ width: 100%; object-fit: cover; }
.ourTeamBoxData{ padding: 30px 90px 30px 30px; position: absolute; left: 0px; right: 0px; bottom: 0px; background-image: url(../images/ourTeamBoxDatabg.png); background-repeat: no-repeat; background-position: right top; }
.ourTeamBoxData h4{ font-family: manrope-regular; font-size: 24px; color: #013fa6; font-weight: 600; }
.ourTeamBoxData h4 small{ font-size: 20px; color: #636363; display: block; padding: 10px 0px 0px 0px; font-weight: normal; }
.ourTeamSliderMain{  }
#ourTeamSlider{  }
#ourTeamSlider .owl-nav{ display: block; position: absolute; top: -90px; right: 0px; text-align: center; }
#ourTeamSlider .owl-nav .owl-prev { font-size: 20px; color: #d6d6d6; padding-right: 10px !important;  }
#ourTeamSlider .owl-nav .owl-next{ font-size: 20px; color: #d6d6d6; padding-left: 10px !important;  }

.companyHistoryPart{ background-color: #404856; position: relative; color: #ffffff; }
.companyHistoryPart:before{ background-color: #38404d; position: absolute; right: 0px; top: 0px; bottom: 0px; content: ""; width: 40%; height: 100%; }
.companyHistoryPart .container{ position: relative; }
.companyHistoryWrapper{ background-color: #38404d; position: relative; padding: 70px 0px 90px; }
.companyHistoryWrapper:before{ background-color: #38404d; position: absolute; left: -50px; top: 0px; bottom: 0px; content: ""; width: 140px; height: 100%; }
.companyHistoryWrapper *{ position: relative; }
.companyHistoryBox{ font-family: DM Sans Regular; }
.companyHistoryBox p{ font-weight: 500; font-size: 26px; padding: 0px; text-align: justify; }

/*---- About Us Page End ----*/


/*---- Blog Page ----*/
.blogWrapper{ padding: 60px 0px 100px; }
.blogMain{ padding-bottom: 80px; font-family: manrope-regular; }
.blogImageMain{ position: relative; }
.blogImage{ width: 100%; height: 100%; }
.blogImage img{ width: 100%; object-fit: cover; }

.blogDate{ background-color: #2b3039; border-radius: 6px; color: #ffffff; position: absolute; left: -50px; bottom: -60px; width: 160px; text-align: center; overflow: hidden; z-index: 8; }
.blogDate .date{ font-size: 76px; font-weight: 700; line-height: normal; padding: 8px 10px; letter-spacing: -4px; }
.blogDate .month{ font-size: 25px; background-color: #3a424e; padding: 8px 10px; color: #d9dadc; font-weight: 500; }

.blogDataMain{ background-color: #f7f7f7; position: relative; }
.blogBoxLeft{ background-color: #ffffff; padding: 30px; height: 100%; position: relative; }
.blogBoxLeftBgNumber{ position: absolute; left: 0px; bottom: 0px; font-size: 170px; line-height: 120px; color: #f7f7f7; font-weight: bold; letter-spacing: -18px; }
.blogShare{ position: absolute; left: 0px; right: 0px; top: 40px; bottom: 0px; text-align: center; z-index: 2; display: flex; align-items: center; justify-content: center; flex-direction: column; }
.blogShare a{ font-size: 25px; color: #013fa6; display: block; margin: 6px 0px; position: relative; z-index: 8; line-height: normal; }
.blogShare span{ font-size: 22px; color: #013fa6; display: block; padding-right: 50px; font-weight: bold; text-transform: uppercase; 
    -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.blogBoxRight{ padding: 50px; }
.blogBoxRight h3{ color: #013fa6; font-size: 38px; font-weight: bold; padding: 0px 0px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; }
.blogBoxRight h4{ color: #636363; font-size: 22px; text-transform: uppercase; padding: 0px 0px 0px 68px; margin-bottom: 24px; position: relative; }
.blogBoxRight h4 span{ color: #a2a2a2; padding-right: 10px; }
.blogBoxRight h4:before{ position: absolute; left: 0px; top: 10px; width: 50px; height: 3px; background-color: #373e4a; content: ""; }
.blogBoxRight p{ font-size: 22px; color: #636363; padding: 0px; }
/*---- Blog Page End ----*/


/*-- My Pagination One --*/
.myPagination{ font-family: DM Sans Regular; margin-top: 40px; }
.myPagination .pagination{ justify-content: center; align-items: center; }
.myPagination .pagination li{ padding: 0px 22px; font-size: 40px; font-weight: bold; }
.myPagination .pagination li a{ color: #013fa6; text-decoration: none; border-bottom: solid 4px transparent; padding: 0px 5px; }
.myPagination .pagination li a:hover, .myPagination .pagination li a.active{ color: #013fa6; text-decoration: none; border-bottom: solid 4px #013fa6; }
.myPagination .pagination .arrow{ background-color: #013fa6; color: #ffffff !important; font-size: 22px; width: 98px; height: 56px; display: flex; align-items: center; justify-content: center; border-radius: 30px; border: 0px !important;  }
.myPagination .pagination .arrow:hover{ background-color: rgba(0, 0, 0, 0.6); }
.myPagination .pagination .arrow:first-child{ margin-right: 15px; }
.myPagination .pagination .arrow:last-child{ margin-left: 15px; }

/*-- My Pagination Two --*/
.myPaginationTwo{  }
.myPaginationTwo ul { display: flex; justify-content: space-between !important; }
.myPaginationTwo li { padding: 0px !important; }
.myPaginationTwo li .linktext { text-transform: uppercase; font-size: 26px; }
.myPaginationTwo li a{ border: 0px !important; color: rgba(0, 0, 0, 0.6) !important; font-weight: normal; display: flex; align-items: center; }
.myPaginationTwo li a:hover{ border: 0px !important; color: #013fa6 !important; }
.myPaginationTwo li a .arrow{ background-color: rgba(0, 0, 0, 0.6) !important; -webkit-transition: all 240ms ease-in-out; -moz-transition: all 240ms ease-in-out; -ms-transition: all 240ms ease-in-out; -o-transition: all 240ms ease-in-out; transition: all 240ms ease-in-out; }
.myPaginationTwo li a:hover .arrow{ background-color: #013fa6 !important; }


/*---- Blog Details Page Start ----*/
.postPerson{ display: flex; align-items: center; margin-bottom: 20px; }
.postPersonLeft{ margin-right: auto; display: flex; align-items: center; }
.postPersonLeft span{ background-color: #ffde00; color: #010101; font-weight: bold; font-size: 44px; width: 64px; height: 64px; line-height: 64px; text-align: center; text-transform: uppercase; display: inline-block; margin-right: 26px; }
.postPersonLeft h4{ font-size: 28px; }
.postPersonRight{ margin-left: auto; font-size: 23px; }
.postPersonRight span{ margin-right: 30px; font-size: 23px; }
.postPersonRight span:last-child{ margin-right: 0px; }
.postPersonRight i{ margin-right: 8px; }

.blogDetails{ font-family: DM Sans Regular; padding-top: 20px; }
.blogDetails p{ font-size: 26px; font-weight: normal; padding-bottom: 34px; color: #676767; }

.blogDetail-ThumbsMain{ padding: 20px 0px 50px; }
.blogDetailThumb{ height: 100%; }
.blogDetailThumb img{ object-fit: cover; width: 100%; height: 100%; }

.blogDetail-quote{ background-color: #3a424e; padding: 70px 140px 70px 70px; margin: 10px 0px 40px; position: relative; }
.blogDetail-quote:before{ position: absolute; right: 70px; bottom: 60px; font-family: "Font Awesome 5 Free"; content: "\f10e"; color: #4f5661; font-size: 70px; font-weight: bold; line-height: normal; }
.blogDetail-quote *{ position: relative; }
.blogDetail-quote p{ font-family: DM Sans Regular; color: #ffffff; font-size: 48px !important; padding-bottom: 20px; line-height: normal; }
.blogDetail-quote span{ font-size: 28px; color: #c9cacd; padding: 0px; line-height: normal; }

.blogDetail-likeBox{ border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 40px 30px; text-align: center; display: flex; justify-content: center; align-items: center; margin: 30px 0px; }
.blogDetail-likeBox label{ margin: 0px; font-size: 28px; text-transform: uppercase; color: #013fa6; padding-right: 30px; letter-spacing: 2px; }
.blogDetail-facebook{ background-color: #3b5998; color: rgba(255, 255, 255, 0.5); font-size: 21px; text-transform: uppercase; border-radius: 4px; max-width: 300px; width: 100%; min-height: 100px; display: flex; justify-content: center; align-items: center; margin: 0px 8px; }
.blogDetail-facebook a{ color: #ffffff; margin-right: 12px; font-size: 25px; }
.blogDetail-facebook i{ font-size: 28px; padding-right: 18px; }
.blogDetail-follow{ background-color: #f7f7f7; color: rgba(0, 0, 0, 0.5); font-size: 21px; text-transform: uppercase; border-radius: 4px; max-width: 300px; width: 100%; min-height: 100px; display: flex; justify-content: center; align-items: center; margin: 0px 8px; }
.blogDetail-follow a{ color: #013fa6; margin-right: 12px; font-size: 25px; }
.blogDetail-follow i{ font-size: 28px; padding-right: 18px; }

.blogDetail-leaveReply{ padding: 80px 0px 0px; }
.blogDetail-leaveReply h4{ font-family: manrope-regular; font-size: 38px; color: #013fa6; font-weight: bold; padding: 0px 0px 10px; }

/*---- Blog Details Page End ----*/


/*---- Form Start ----*/
.formTwo{  }
.formTwo .form-group{ margin-bottom: 50px; }
.formTwo .labelAll{ font-family: DM Sans Regular !important; font-size: 28px; color: #013fa6; font-weight: 500; width: 100%; }
.formTwo .form-control { border: 2px solid #dfdfdf; padding: 30px; border-radius: 0px; }
.formTwo .frmTwoinp{ height: 80px; font-size: 18px; box-shadow: 0px 8px 10px rgba(238, 238, 238, 0.7); }
.formTwo .frmTwoinp:focus{ border: 2px solid #aaaaaa; }
.formTwo .frmTwoinp.form-control::placeholder{ color: #9d9d9d; }
/*---- Form End ----*/


.topArticleSliderMain{ position: relative; padding-bottom: 100px; }
.topArticleSliderMain:before{ position: absolute; left: 0px; top: 70px; width: 45%; height: 360px; content: ""; background-color: #f7f7f7; }

.articleThumb{ position: relative; font-family: DM Sans Regular; height: 100%; }
.articleThumb h4{ padding: 15px 0px 24px; color: #013fa6; font-size: 28px; font-weight: 500; }
.articleThumb h5{ font-size: 22px; color: #676767; font-weight: normal; position: relative; padding: 0px 0px 0px 40px; min-height: 30px; display: flex; align-items: center; }
.articleThumb h5:before{ font-size: 26px; color: #013fa6; font-family: "Font Awesome 5 Free"; content: "\f5ad";
    position: absolute; left: 0px; top: 0px; font-weight: bold;
    -moz-transform: rotate(136deg); -webkit-transform: rotate(136deg); -o-transform: rotate(136deg); -ms-transform: rotate(136deg); transform: rotate(136deg);
}

.articleThumbFix{ height: calc(100% - 140px); }

.articleThumbImage{ position: relative; height: 100%; }
.articleThumbImage img{ object-fit: cover; width: 100%; height: 100%; }


.articleThumbLabel{ position: relative; display: flex; align-items: flex-start; justify-content: flex-end; margin-top: -80px; min-height: 80px; }
.articleThumbLabel:before{ position: absolute; left: 0px; top: 0px; bottom: 0px; background-color: #ffffff; height: 100%; width: 80%; content: ""; }

.articleThumbLabelData{ position: relative; background-color: #404856; padding: 14px 20px; color: #ffffff; display: inline-block; border-radius: 4px; top: -3px; 
    font-family: DM Sans Regular; font-size: 17px; font-weight: bold; text-transform: uppercase; letter-spacing: 3px;
}

#sliderOnecarousel{ position: relative; }
#sliderOnecarousel .owl-nav{ display: block; position: absolute; top: -80px; right: 5%; text-align: center; }
#sliderOnecarousel .owl-nav .owl-prev { font-size: 20px; color: #013fa6; padding-right: 10px !important; }
#sliderOnecarousel .owl-nav .owl-next{ font-size: 20px; color: #013fa6; padding-left: 10px !important; }


#sliderOnecarousel .owl-stage{ display: flex; flex-wrap: wrap; }
#sliderOnecarousel .item{ height: 100%; }


/*---- Half Container ----*/
.carousel-container{
    position:relative;
    right:0px;
    margin-right:-15px;
    margin-left:auto;
    width: calc(100% - (100% - 1200px)/2);
    max-width: none !important;
}


/*---- Commn Title with Line ----*/
.innerComnTitleLine{  }
.innerComnTitleLine h3{ font-size: 48px; font-weight: 500; color: #013fa6; position: relative; padding-bottom: 20px; margin-bottom: 45px; }
.innerComnTitleLine h3:before{ position: absolute; left: 0px; bottom: 0px; content: ""; width: 200px; height: 5px; background-color: #cfcfcf; }
/*---- Commn Title End ----*/


/*-- Services Page --*/

.aboutCompanyPart{ background-color: #f7f7f7; padding: 80px 0px; }
.aboutCompanyPart p{ color: #434343; font-size: 26px; font-family: DM Sans Regular; }
.aboutCompanyPart .container{ position: relative; }
.aboutCompanyPart .innerComnTitleLine{ /*position: absolute; left: 15px; top: -115px;*/ }

.serviceThreeTabMain{ padding: 90px 0px 90px; }
.serviceThreeTabMain .prortfolioTabNav ul.nav li { padding: 0px 40px !important; }
.serviceThreeTabMain .prortfolioTabNav ul.nav li a { color: #676767; fill: #013fa6; padding: 30px 50px; display: block; }
.serviceThreeTabMain .prortfolioTabNav ul.nav li a.active { color: #ffffff; fill: #ffffff; background-color: #404856; display: block; padding: 30px 50px; border-radius: 70px; }

.serviceThreeMain{ background-color: #f3f3f3; margin-bottom: 50px; }
.serviceThreeMain:last-child{ margin-bottom: 0px; }
.serviceThreeImage{  }
.serviceThreeMain:nth-child(even) .serviceThreeImage{ -ms-flex-order: 2; order: 2; }

.serviceThreeImageBox{ height: 100%; }
.serviceThreeImageBox img{ object-fit: cover; width: 100%; height: 100%; }
.serviceThreeData{  }
.serviceThreeDataBox{ padding: 40px; }
.serviceThreeDataBox p{ font-family: DM Sans Regular; font-size: 20px; color: #fff; }

.serviceThreeDataBox .media{ padding: 0px 0px 30px; }
.serviceThreeDataBox .media .media-icon{ width: 86px; height: 86px; line-height: 86px; background-color: #fff; border-radius: 50%; display: block; text-align: center; margin-right: 22px; }
.serviceThreeDataBox .media .media-icon img{ object-fit: cover; width: 100%; padding: 15px; }
.serviceThreeDataBox .media span{ display: block; }
.serviceThreeDataBox .media .media-body{ color: #fff; font-family: DM Sans Regular; font-size: 28px; line-height: normal; }

.ourNumbersPart{ background-color: #f7f7f7; padding: 110px 0px 80px; }
.ourNumbersBox{ font-family: DM Sans Regular; font-size: 24px; color: #939393; font-weight: bold; padding: 20px 0px; }
.ourNumbersBox h3{ font-family: manrope-regular; font-size: 60px; color: #013fa6; font-weight: bold; display: block; padding-bottom: 10px; }

.sliderComboMain{ position: relative; background-color: #013fa6; padding: 50px 0px 100px 0px; }
.sliderComboMain:before{ position: absolute; left: 0px; right: 0px; top: 0px; content: ""; height: 200px; background-color: #f7f7f7; }
.sliderComboMain .ourClients{ padding: 0px 0px 100px 0px; }
.sliderComboMain .container{ position: relative; }

.sliderComboMain .ourClientsData { background-color: #ffffff; }
.sliderComboMain .welcomeCxdatalabesSliderDataBox h3, .sliderComboMain .welcomeCxdatalabesSliderDataBox h4, .sliderComboMain .welcomeCxdatalabesSliderDataBox p { color: #ffffff !important; }

.sliderComboMain .welcomeCxdatalabesSliderDataBox h4:before { background-color: #404856; }

.sliderComboMain .swiper-button-prev, .sliderComboMain .swiper-button-next{ background-color: #ffffff; }
.welcomeCxdatalabesSlider .swiper-button-prev, .welcomeCxdatalabesSlider .swiper-button-next{ color: #d6d6d6; }

/*-- Partners Page --*/
.partnersSliderPart{ padding: 10px 0px 170px; background-repeat: no-repeat; background-position: center -270px; }
.partnersSliderPart .container{ position: relative; }
.articleTwoThumbFix{ height: calc(100% - 85px); }

#sliderTwocarousel{ position: relative; }
#sliderTwocarousel .owl-nav{ position: absolute; top: auto;  right: 0px; bottom: -110px; text-align: center; 
    background-color: #013fa6; width: 150px; height: 74px; display: flex; justify-content: center; align-items: center; border-radius: 40px;
}
#sliderTwocarousel .owl-nav .owl-prev { font-size: 20px; color: #ffffff; padding-right: 10px !important; }
#sliderTwocarousel .owl-nav .owl-next{ font-size: 20px; color: #ffffff; padding-left: 10px !important; }
#sliderTwocarousel .owl-stage{ display: flex; flex-wrap: wrap; }
#sliderTwocarousel .item{ height: 100%; }

.sliderTwo-counterMain{ position: absolute; bottom: -100px; right: 230px; }
.sliderTwo-counter{ font-family: DM Sans Regular; color: #013fa6; font-size: 40px; letter-spacing: 5px; }
.sliderTwo-counter span{ font-size: 24px; }

.partnersHappy{ padding: 30px 0px 0px; }
.partnersHappy .media{  }
.partnersHappy .media .media-body{ align-self: center; padding: 0px 0px 0px 60px; font-family: DM Sans Regular; font-size: 26px; }

.ourPartnerPart{ background-color: #404856; color: #ffffff; position: relative; /*margin-top: 40px;*/ }
.ourPartnerPart:before{ background-color: #2886ea; position: absolute; right: 0px; top: 0px; bottom: 0px; content: ""; width: 50%; }
.ourPartnerPart:after{ background-color: #f7f7f7; position: absolute; left: 0px; right: 0px; top: -40px; content: ""; width: 100%; height: 75px; }
.ourPartnerContain{ background-color: #404856; position: relative; /*min-height: 500px;*/ 
    background-image: url(../images/businessPartnerLeftMap.png); background-repeat: no-repeat; background-position: center bottom; /*background-size: 80%;*/
}

.ourPartnerContainLabel{
    position: absolute; top: 140px; right: -70px; bottom: 0px; font-family: DM Sans Regular; font-size: 24px; font-weight: bold; text-transform: uppercase; letter-spacing: 4px; 
    transform-origin: top left;
    writing-mode: vertical-rl;
    z-index: 5;
}

.ourPartnerBox{ position: relative; padding-bottom: 180px; }
.ourPartnerBox .ourTeamBox{ /*margin-top: -40px;*/ }
.ourPartnerBox .ourTeamBoxSocial{ padding-top: 40px; position: absolute; left: 0px; right: 0px; }
.ourPartnerBox .ourTeamBoxSocial a{ color: #ffffff !important; font-size: 40px; margin: 0px 30px; }
.ourPartnerBox .ourTeamBoxSocial a:first-child{ margin-left: 2px; }
.ourPartnerBox .media{  }
.ourPartnerBox .media-body{ padding: 120px 80px 80px 80px; }
.ourPartnerBox .media-body p{ font-family: DM Sans Regular; font-size: 26px; }

#ourPartnerCarousel{  }
#ourPartnerCarousel .owl-stage{ height: auto !important; line-height: normal !important; }
#ourPartnerCarousel .owl-nav{ 
    position: absolute; top: auto;  right: -110px; bottom: 50px; text-align: center; z-index: 55;
    background-color: #013fa6; width: 220px; height: 90px; display: flex; justify-content: center; align-items: center; border-radius: 80px; 
}
#ourPartnerCarousel .owl-nav .owl-prev { font-size: 20px; color: #ffffff; padding-right: 15px !important; }
#ourPartnerCarousel .owl-nav .owl-next{ font-size: 20px; color: #ffffff; padding-left: 15px !important; }
#ourPartnerCarousel .owl-dots{ position: absolute; bottom: 75px; }
#ourPartnerCarousel .owl-dots .owl-dot { background-color: #013fa6; width: 12px; height: 12px; display: inline-block; border-radius: 50%; margin: 0px 6px; }
#ourPartnerCarousel .owl-dots .owl-dot.active{ background-color: transparent; border: solid 2px #ffffff; width: 16px; height: 16px; }
.ourPartnerCarousel-counterMain{ position: absolute; bottom: 65px; right: 170px; }
.ourPartnerCarousel-counter{ font-family: DM Sans Regular; color: #ffffff; font-size: 40px; letter-spacing: 5px; }
.ourPartnerCarousel-counter span{ font-size: 24px; color: #e3e3e3; }


.amazingBrandsPart{ padding: 100px 0px 80px; }
.amazingBrandsPart .row.vdivide [class*='col-']:not(:first-child):after { background: #bfbfbf; width: 1px; content: ""; display:block; position: absolute; top:0; bottom: 0; left: 0; }
.amazingBrandsPart hr{ border-top: 1px solid #bfbfbf; margin: 0px; }
.amazingBrands{ min-height: 220px; display: flex; align-items: center; justify-content: center; }
.amazingBrands img{ padding: 0px 30px; }
.awardsPart{ background-color: #f7f7f7; position: relative; }
.awardsPart:before{ background-color: #ffffff; position: absolute; left: 0px; right: 0px; top: 0px; width: 100%; height: calc(100% - 48%); content: ""; z-index: 3; }
.awardsData-container{
    position:relative;
    right:0px;
    margin-right:-15px;
    margin-left:auto;
    width: calc(100% - (100% - 1200px)/2);
    max-width: none !important;
    
    background-color:#404856;
    color:#fff; 
    padding-bottom: 40px;
}
.awardsData-container:before{ background-color:#404856; width: 40px; position: absolute; left: -40px; top: 0px; bottom: 0px; height: 100%; content: ""; }
.awardsData-container h2{ 
    position: absolute; left: -160px; top: 100px; z-index: 15; color: #404856; font-family: manrope-regular; font-size: 48px; font-weight: bold; display: inline-block; text-align:right;
    writing-mode: vertical-rl;
    text-orientation: sideways;
    -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.awardsData-container h2 small{ font-family: manrope-regular; font-size: 17px; font-weight: bold; text-transform: uppercase; display: block; letter-spacing: 4px; }

#awardsCarousel{ position: relative; z-index: 10; }
#awardsCarousel .owl-nav{ display: block; position: absolute; top: 0px; left: -150px; text-align: center; }
#awardsCarousel .owl-nav .owl-prev { font-size: 16px; color: #d6d6d6; padding-right: 10px !important; }
#awardsCarousel .owl-nav .owl-next{ font-size: 16px; color: #d6d6d6; padding-left: 10px !important; }
#awardsCarousel .owl-nav .owl-prev:hover, #awardsCarousel .owl-nav .owl-next:hover { color: #013fa6; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }

.awardsItemBox{  }
.awardsItemImage{ height: 100%; }
.awardsItemImage img{ object-fit: cover; width: 100%; height: 500px; }
.awardsItemText{ padding: 50px 0px; }
.awardsItemText h3{ font-family: manrope-regular; font-size: 40px; font-weight: 500; }
.awardsItemText h4{ font-family: manrope-regular; font-weight: normal; color: #dadbdd; font-size: 26px; padding-bottom: 6px; }


/*---- HGL ----*/
.categoryPart{ width: 500px; margin: 50px auto; }
.categoryNav{ padding: 8px 0px; }
.categoryNav .items{ 
    margin-left: 15px;
    padding: 10px 0px;  
 }
.categoryNav .items ul{ margin: 0px; padding: 10px 0px 10px 15px; }
.categoryNav .items ul li{ margin: 0px; padding: 0px 0px 0px 15px; list-style: none; position: relative; }
.categoryNav .items ul li:before{ position: absolute; left: 0px; top: 6px; font-family:"Font Awesome 5 Free"; content:"\f111"; color: #000; font-size: 8px; }

/*-- Common Colour --*/
.red {color: #d90627 !important;}
.green {color: #00c57c !important;}
.darkgray {color: #404856 !important;}
.gray {color: #f3f3f3 !important;}
.redbg {background-color: #d90627 !important;}
.greenbg {background-color: #00c57c !important;}
.darkgraybg {background-color: #404856 !important;}
.graybg {background-color: #f3f3f3 !important;}
/*-- Common Colour --*/
/*-- Services Detail Page Start--*/
.services-detail-page-part {
    background-color: #ffffff;
    padding: 50px 0 60px;
}
h5.heading-title-sect.pb-2 {
    font-family: 'manrope-regular';
}
.title-1 {
    font-family: manrope-regular;
    font-size: 36px;
    line-height: 50px;
    color: #000000;
    padding-bottom: 20px;
    font-weight: 700;
}
.title-1 span {
    font-weight: 400;
	font-size: 36px;
}
.services-detail-page-part-dark {
    background-color: #404856;
    padding: 70px 0;
}
.subtitle-1 {
    font-family: manrope-regular;
    font-size: 30px;
    color: #fff;
    padding-bottom: 20px;
    font-weight: 700;
}
.subtitle-blue-line-top {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #013fa6;
    width: 160px;
}
.bullet-point li {
    padding: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    font-family: DM Sans Regular;
    display: flex;
    margin-bottom: 10px;
}
.bullet-point li .fas {
    font-size: 12px;
    padding: 3px 10px 0 0;
    color: #013fa6;
}
#accordion [data-toggle="collapse"] i:before {
    content: "\f068";
}
#accordion [data-toggle="collapse"].collapsed i:before {
    content: "\f067";
}
#accordion .card {
    margin-bottom: 10px;
}
#accordion .card-header {
    margin-bottom: 0px;
    border: none;
}
#accordion .card-header:first-child {
    border-radius: 0;
    border: none;
}
#accordion .accordion-title {
    position: relative;
    display: block;
    padding: 12px 0 12px 40px;
    background: #404856;
    border-radius: 0px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    text-align: left;
    transition: all 0.4s ease-in-out;
    font-family: manrope-regular;
    line-height: normal;
    border: none;
    box-shadow: none;
    outline: none;
}
#accordion .accordion-title i {
    position: absolute;
    width: 40px;
    height: 100%;
    left: 0;
    top: 0;
    color: #00c57c;
    background: #404856;
    text-align: center;
    border-right: 1px solid transparent;
    font-size: 17px;
}
#accordion .accordion-title:hover {
    padding-left: 60px;
    background: #404856;
    color: #fff;
}
#accordion .accordion-title:hover i {
    border-right: 1px solid #fff;
}
#accordion .accordion-body {
    padding: 0px 40px 20px 40px;
    background: #404856;
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-family: DM Sans Regular;
}
#accordion .accordion-body ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#accordion .accordion-body li {
    padding-left: 1.2rem;
    text-indent: -1.2rem;
}
#accordion .accordion-body li:before {
    content: "\f10a";
    padding-right: 5px;
    font-family: "Flaticon";
    font-size: 16px;
    font-style: normal;
    color: #213744;
}
.btn-center-green {
    position: relative;
    z-index: 1000;
}
.btn-center-green:after {
    border: 0;
    border-top: 1px solid #404856;
    position: absolute;
    top: 38px;
    left: 0;
    right: 0;
    content:"";
    z-index: -1;
}
/*-- Services Detail Page End --*/
/*-- FAQ Page Start--*/
.faq-page-part {
    background-color: #ffffff;
    padding: 100px 0;
}
.tabs-part .navtop {
    margin-top: 10px;
    justify-content: center;
}
.tabs-part .tab-content {
    padding: 30px 0 0 0;
    margin-top: 0px;
    width: 100%;
}
.tabs-part .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #d90627;
    border-radius: 50px;
    font-family: DM Sans Regular;
}
.tabs-part .nav-link {
    border-radius: 50px;
    font-size: 24px;
    font-weight: 600;
    padding: 12px 40px;
    font-family: DM Sans Regular;
    text-align: center;
}
.faq-page-accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin: 0px 0px 10px 0px;
    overflow: hidden;
    position: relative;
}
.faq-page-accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
.faq-page-accordion .panel-title a {
    display: block;
    padding: 15px 20px;
    margin: 0;
    background: #ffffff;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: normal;
    color: #d90627;
    position: relative;
    font-family: DM Sans Regular;
    border: 1px solid #d90627;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
}
.faq-page-accordion .panel-title a.collapsed {
    background: #ffffff;
    border: 1px solid #e5e5e5;
    color: #888888;
    border-radius: 5px;
}
.faq-page-accordion .panel-title a:before,
.faq-page-accordion .panel-title a.collapsed:before {
    content: "\f0de";
    font-family:"Font Awesome 5 Free";
    font-size: 24px;
    font-weight: 900;
    color: #d90627;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 25px;
}
.faq-page-accordion .panel-title a.collapsed:before {
    content: "\f0dd";
    color: #888;
    background: none;
    border: none;
}
.faq-page-accordion .panel-body {
    background: #fff;
    font-size: 18px;
    color: #888888;
    line-height: 28px;
    position: relative;
    font-family: DM Sans Regular;
    border: 1px solid #d90627;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    font-weight: 400;    
    border-top: none;
}
.faq-page-accordion .panel-body p {
    font-size: 18px;
    color: #888888;
    line-height: 28px;
    font-weight: 400;
    padding: 0 20px 20px 20px;
}
.faq-page-ourClients {
    background-color: #ffffff;
    padding: 150px 0 100px 0;
}
.faq-page-ourClients .ourClientsMain {
    position: unset;
    left: 0px;
    right: 0px;
    top: 0px;
}
/*-- FAQ Page End --*/
/*-- Team Details Page Start--*/
.team-detail-page-part {
    background-color: #ffffff;
    padding: 50px 0 50px;
}
.team-user-detail-box {
    border-radius: 10px;
    color: #434343;
    padding: 0px 0px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.team-detail-page-part .title-part .boxshadow {
    box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 60px 0px rgba(0,0,0,0.15);
}
.title-2 {
    font-size: 30px;
    color: #00c67c;
    font-weight: 700; 
    font-family: manrope-regular;
    margin-bottom: 15px;
}
.inline-user-details li {
	margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 29.1px;
    position: relative;
    color: #434343;
    padding-left: 0px;
    margin-bottom: 5px;
}
.inline-user-details li a {
    color: #fff;
    text-decoration: underline;
}
.inline-user-details li p {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0 6px;
}
.inline-user-details li .fas {
    font-weight: 900;
    font-size: 15px;
    color: #013fa6;
    position: absolute;
    top: 7px;
    left: 0;
    vertical-align: middle;
	
}
.inline-user-details li .fab {
    font-weight: 900;
    font-size: 20px;
    line-height: 40px;
    padding-right: 20px;
}
ul.inline-social-media-icons li {
    display: inline-block;
    padding-right: 15px;
    padding-top: 30px;
}
ul.inline-social-media-icons li .fab {
    font-size: 24px;
    color: #00c67c;
}
.contactus-from-part {
    background-image: url(../images/contactus-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}
.contactus-from-part .image-box-overlay {
    background-color: rgba(0, 198, 124, 0.85); 
    padding: 70px;
    border-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.contactus-from-part .form-control {
    border-radius: 5px;
    height: 52px;
    background: none;
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding: 20px;
    box-shadow: none;
    outline: none;
    font-family: DM Sans Regular;
}
.contactus-from-part .form-group {
    margin-bottom: 10px;
}
.contactus-from-part .form-control::-webkit-input-placeholder {
    color: #ffffff;
}
.contactus-from-part .form-control::-moz-placeholder {
    color: #ffffff;
}
.contactus-from-part .form-control:-ms-input-placeholder {
    color: #ffffff;
}
.contactus-from-part .form-control:-moz-placeholder {
    color: #ffffff;
}
/*-- Team Details Page End --*/
/*-- 404 Page Start--*/
.notfoundholder {
    height: 100vh !important;
}
.notfoundbottom-img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}
.notfoundcntntholder {
    background: linear-gradient(to right, #edf0f5 30%, white 80%);
    background: -moz-linear-gradient(to right, #edf0f5 30%, white 80%);
    background: -webkit-linear-gradient(to right, #edf0f5 30%, white 80%);
    background: -ms-linear-gradient(to right, #edf0f5 30%, white 80%);
}
.notfoundcntntholderinner {
    padding-top: 28vh;
    width: 100%;
    max-width: 1600px;
    margin: 0px auto;
}
.notfoundcol {
    position: relative;
    z-index: 1;
}
.notfoundtitle3 {
    color: #d90627;
    font-size: 130px;
    font-family: manrope-regular;
    font-weight: 900;
    line-height: 1;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
.notfoundsubtitle2 {
    color: #404856;
    font-size: 40px;
    font-family: manrope-regular;
    font-weight: 900;
    line-height: 1;
}
.notfoundcolright > img {
    margin-top: -140px;
    max-width: 750px !important;
    width: 100%;
}
/*-- 404 Page End--*/
/*-- Coming Soon Page Start--*/
#notfound2 {
    position: relative;
    height: 100vh;
}
#notfound2 .notfound-bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../images/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
#notfound2 .notfound-bg2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}
#notfound2 .notfound2 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.notfound2 {
    max-width: 960px;
    width: 100%;
    line-height: 1.4;
    text-align: center;
}
.notfound2 .notfound-comingsoon {
    position: relative;
    height: 200px;
}
.notfound2 .notfound-comingsoon h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 90px;
    margin: 0px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 8px;
    font-family: manrope-regular;
}
.notfound2 h2 {
    font-family: manrope-regular;
    font-size: 30px;
    font-weight: 400;
    line-height: normal;
    color: #ffffff;
    margin-top: 70px;
    margin-bottom: 45px;
}
.notfound2 .countdown {
    margin-bottom: 0px;
    display: inline-flex;
}
.notfound2 .countdown div {
    text-align: center;
    margin: 0 8px;
    width: 224px;
    padding: 0;
    background: none;
    border: 1px solid #ffffff;
    border-radius: 5px;
}
.notfound2 .countdown div h3 {
    font-size: 90px;
    margin: 30px 0;
    color: #ffffff;
    text-transform: uppercase;
    font-family: manrope-regular;
    letter-spacing: 6px;
}
.notfound2 .countdown div h4 {
    font-size: 24px;
    padding: 20px 0;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    font-family: manrope-regular;
    border-top: 1px solid #ffffff;
    letter-spacing: 1px;
}
@-webkit-keyframes animate-loading-notify {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes animate-loading-notify {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.notfound-search2 {
    position: relative;
    padding-right: 96px;
    max-width: 412px;
    width: 100%;
    margin: 0px auto 20px;
}
.notfound-search2 input {
    font-family: DM Sans Regular;
    width: 100%;
    height: 42px;
    padding: 5px 20px;
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    background: none;
    border: 1px solid #fff;
    box-shadow: none;
    outline: none;
    border-radius: 0px;
}
.notfound-search2 ::-webkit-input-placeholder {
    color: #ffffff;
}
.notfound-search2 ::-moz-placeholder {
    color: #ffffff;
}
.notfound-search2 :-ms-input-placeholder {
    color: #ffffff;
}
.notfound-search2 :-moz-placeholder {
    color: #ffffff;
}
.notfound-search2 button {
    font-family: DM Sans Regular;
    position: absolute;
    right: 0px;
    top: -1px;
    width: 98px;
    height: 44px;
    text-align: center;
    border: none;
    background: #00c67c;
    cursor: pointer;
    padding: 0;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-transform: capitalize;
}
.notfound2 a {
    font-family: DM Sans Regular;
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    background-color: transparent;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
}
.notfound-social2 {
    margin-bottom: 15px;
}
.notfound-social2 > a {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    width: 40px;
    font-size: 20px;
    color: #00c67c;
    background-color: #ffffff;
    margin: 3px;
    -webkit-transition: 0.2s all;
    transition: 0.2s all;
    border-radius: 100px;
}
.notfound-social2 > a:hover {
    color: #013fa6;
    background-color: #ffffff;
}
/*-- Coming Soon Page End --*/
/*-- Pricing Page Start --*/
.single-price {
    text-align: center;
    padding: 0px;
    box-shadow: none;
    background-color: #f7f7f7;
    border-radius: 5px;
    margin-top: 20px;
}
.price-title h4 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    letter-spacing: 1px;
    padding-top: 30px;
    font-family: manrope-regular;
}
.price-tag {
    margin: 30px 0;
}
.price-tag {
    margin: 20px 0 30px 0;
    background-color: #f7f7f7;
    color: #000;
    padding: 0;
    font-family: DM Sans Regular;
}
.center.price-tag {
    background-color: #f7f7f7;
    color: #fff;
    font-family: DM Sans Regular;
}
.price-tag h2 {
    font-size: 60px;
    font-weight: 400;
    font-family: manrope-regular;
    color: #013fa6;
}
.price-tag h2 span {
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 1px;
    font-style: normal;
    font-family: manrope-regular;
    color: #888888;
}
.price-item ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.price-item ul li {
    font-size: 17px;
    padding: 20px;
    border-bottom: none;
    margin: 0;
    background-color: #ffffff;
    color: #888888;
    font-family: manrope-regular;
}
.price-item ul li i {
    color: #013fa6;
    font-weight: 500;
}
.price-item ul li:nth-child(even) {
    background-color: #f7f7f7;
}
.price-item ul li:nth-child(odd) {
    background-color: #ffffff;
}
.price-item ul li:last-child {
    border-bottom: 0;
}
.single-price a {
    margin-top: 25px;
}
.single-price a.box-btn {
    background-color: #404856;
    padding: 20px 20px;
    display: block;
    color: #fff;
    text-transform: uppercase;
    border-radius: 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    font-size: 17px;
    transition: 0.3s;
    font-weight: 500;
    font-family: DM Sans Regular;
    letter-spacing: 1px;
}
.single-price a.box-btn:hover,
.single-price a.border-btn:hover {
    background-color: #404856;
}
.compare-our-plans .table {
    background-color: #fff;
    font-family: DM Sans Regular;
    margin-top: 30px;
    border: none;
    box-shadow: none;
    outline: none;
}
.compare-our-plans .table td {
    padding: .75rem;
    vertical-align: top;
    border: 2px solid #f3f3f3;
}
.compare-our-plans .table th {
    padding: 15px 30px;
    vertical-align: top;
    border: none;
    font-size: 17px;
    font-weight: 500;
    color: #013fa6;
}
.compare-our-plans .table thead th {
    vertical-align: bottom;
    border: 2px solid #f3f3f3;
    font-size: 18px;
    font-weight: 700;
    color: #000;
    padding: 30px;
    letter-spacing: 1px;
}
.compare-our-plans .table-striped tbody tr:nth-of-type(odd) {
    background-color: #f3f3f3;
    border: none;
}
.compare-our-plans .table-striped tbody tr:nth-of-type(even) {
    background-color: #ffffff;
    border: none;
}
.two-part-box {
    background-color: #404856;
    padding: 66px 0;
}
.two-part-box .title-part h3 {
    font-family: manrope-regular;
    font-size: 40px;
    line-height: 50px;
    color: #ffffff;
    font-weight: 700;
}
.two-part-box .title-part h3 span {
    font-weight: 400;
}
/*-- Pricing Page End --*/
/*-- Portfolio Listing Page Start --*/
.portfolio-listin-tabs .button {
    display: inline-block;
    background: #ffffff;
    border: none;
    cursor: pointer;
    border-radius: 50px;
    font-size: 24px;
    font-weight: 600;
    padding: 12px 40px;
    font-family: DM Sans Regular;
    text-align: center;
}
.portfolio-listin-tabs .button:active,
.portfolio-listin-tabs .button.is-checked {
    color: #fff;
    background-color: #d90627;
    border-radius: 50px;
    font-family: DM Sans Regular;
}
.portfolio-listin-tabs .button-group:after {
    content: "";
    display: block;
    clear: both;
}
.portfolio-listin-tabs .button-group  {
    text-align: center;
    margin-bottom: 40px;
}
.portfolio-listin-tabs .grid {
    border: none;
}
.portfolio-listin-tabs figure {
    margin: 0 0 1rem;
    position: relative;
}
.portfolio-listin-tabs figcaption {
    position: absolute;
    bottom: 0;
    left: 0px;
    width: 100%;
    height: auto;
    color: #fff;
    background-color: rgba(64, 72, 84, 0.9);
    z-index: 5;
    transition: all 200ms linear;
    padding: 20px;
    cursor: pointer;
}
.portfolio-listin-tabs figcaption h6 {
    margin-right: 12px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: left;
    font-weight: 800;
    color: #00c67c;
    margin-bottom: 18px;
    font-family: manrope-regular;    
}
.portfolio-listin-tabs figcaption a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: left;
    position: relative;
    font-weight: 600;
    font-family: DM Sans Regular;
}
.portfolio-listin-tabs figcaption hr.right-side-line {
    width: 30px;
    height: 1px;
    background-color: #00c67c;
    position: absolute;
    right: 20px;
    top: 50px;
    margin: 0px;
    border: none;
}
.fancybox-caption__body h6 {
    margin-right: 12px;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 800;
    color: #00c67c;
    margin-bottom: 18px;
    font-family: manrope-regular;    
}
.fancybox-caption__body a {
    color: #fff;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    position: relative;
    font-weight: 600;
    font-family: DM Sans Regular;
    text-decoration: none;
    outline: none;
    border: none;
    box-shadow: none;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #00c57c;
    font-size: 18px;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #00c57c;
    font-size: 18px;
    cursor: default;
    outline: none;
}
.portfolio-listin-tabs .object-fit-cover {
    object-fit: cover !important;
}
.portfolio-listin-tabs .elementitemcaption > a {
    pointer-events: none;
}
/*-- Portfolio Listing Page End--*/
/*-- Portfolio Details Page Start --*/
.project-details-page-user-text {
    padding: 40px 30px 0 30px;
}
.myProgressBar .progress.two {
    background-color: #dfdfdf;
}
.two-half-part {
    color: #fff;
    background: #00c67c !important;
    position: relative;
    z-index: 2;
    padding: 25px 0;
}
.two-half-part:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: #404856;
    z-index: -1;
}
.two-half-part .left-project-part {
    padding-right: 45px;
    display: block;
}
.two-half-part .left-project-part .fas {
    color: #ffffff;
    font-size: 30px;
    text-align: left;
    margin: 12px 0 0 0;
}
.two-half-part .left-project-part h6 {
    color: #ffffff;
    font-size: 18px;
    text-align: right;
    font-weight: 700;
    margin : 0 0 8px 0;
}
.two-half-part .left-project-part p {
    color: #ffffff;
    font-size: 16px;
    text-align: right;
    font-weight: 400;
    margin : 0;
}
.two-half-part .right-project-part {
    padding-left: 45px;
    display: block;
}
.two-half-part .right-project-part .fas {
    color: #ffffff;
    font-size: 30px;
    text-align: right;
    margin: 12px 0 0 0;
}
.two-half-part .right-project-part h6 {
    color: #ffffff;
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    margin : 0 0 8px 0;
}
.two-half-part .right-project-part p {
    color: #ffffff;
    font-size: 16px;
    text-align: left;
    font-weight: 400;
    margin : 0;
}
/*-- Portfolio Details Page End--*/
/*-- Home Page 2 Start--*/
/*-- Home Page 2 Common Title--*/
.title-style-1,
.title-style-1-title {
    position: relative;
}
.title-style-1::before,
.title-style-1::after {
    position: relative;
    content: "";
    width: 0px;
    top: 0;
    background-color: #fff;
    border-radius: 100px;
    height: 40px;
    border: 10px solid #fff;
    display: block;
}
.title-style-1::before,
.title-style-1-title::before {
    left: 0;
}
.title-style-1::after,
.title-style-1-title::after {
    right: 0;
}
.title-style-1-title {
    /*padding: 0px calc(180px + 30px);*/
    font-size: 36px;
    font-weight: 100;
    color: #000;    
    font-family: manrope-regular !important;
    margin: 0;
}
.title-style-1-title strong {
    font-weight: bold;
}
.title-style-1-title::before,
.title-style-1-title::after {
    position: absolute;
    content: "";
    width: 180px;
    top: 22px;
    background-color: transparent;
    height: 1px;
}
.title-style-1-right-pattrn::before,.title-style-1-title-right-pattrn::before {
    display: none;
}
.title-style-1-title-right-pattrn {
    /*padding-right: calc(60px + 30px);*/
}
.title-style-1-title-right-pattrn::after {
    width: 60px;
}
.title-style-1-title-right-pattrn {
    padding-left: 0;
}
/*-- Home Page 2 Common Title--*/
/*-- Home Page 2 Common button--*/
.homepage2-common-btn .fas {
    font-size: 18px;
    color: #404856;
}
.homepage2-common-btn.btn-round, .homepage2-common-btn.btn-round:hover .fas {
    color: #ffffff;
}
.homepage2-common-btn.btn-round, .homepage2-common-btn.btn-round:hover {
    color: #ffffff;
}
.homepage2-common-btn.btn {
    font-family: DM Sans Regular !important;
    font-size: 20px;
    color: #404856;
    font-weight: bold;
    padding: 16px 35px;
    line-height: 1;
    border-radius: 50px;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.homepage2-common-btn.btn-primary-round:before {
    background-color: #013fa6;
}
.homepage2-common-btn.btn-round:before {
    content: '';
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    opacity: 0.8;
}
.homepage2-common-btn.btn-round:hover:before {
    width: 100%;
}
/*-- Home Page 2 Common button--*/
.headerMain.home2header {
    background-color: #ffffff !important;
    margin-top: 20px;
    transition: 0.2s all;
}
.headerMain.home2header .menuMain .nav-link {
    margin: 18px;
    padding: 0px 0px 8px 0px !important;
    color: #013fa6;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}
.headerMain.home2header .navbar-brand {
    padding: 0px;
    margin-top: -20px;
}
.headerMain.home2header.affix {
    background-color: #013fa6;
    margin-top: 0;
}
.headerMain.home2header .menuMain .nav-link:hover:before, .headerMain.home2header .menuMain .nav-link.active:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 5px;
    border-radius: 6px;
    content: "";
    background-color: #013fa6;
}
.mainSliderMain.home2 #MainSlider:before {
    display: none;
}
.mainSliderMain.home2 #MainSlider .owl-nav {
    position: absolute;
    left: unset;
    right: 0px;
    bottom: 0;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    background-color: #013fa6;
    width: 160px;
    height: 140px;
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.mainSliderMain.home2 #MainSlider .owl-dots {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(0deg);
    position: absolute;
    right: 44.7%;
    z-index: 55;
    bottom: 10px;
    top: unset;
}
.mainSliderMain.home2 #MainSlider .owl-dots .owl-dot {
    width: 16px;
    height: 4px;
    background-color: #404856;
    border-radius: 0;
    box-shadow: none;
    margin: 0 5px 0 0;
}
.mainSliderMain.home2 #MainSlider .owl-dots .owl-dot.active {
    background-color: #013fa6;
    box-shadow: none;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-prev {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    cursor: pointer;
    font-size: 50px;
    margin: 70px 0 0 100px;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-prev:after {
    display: none;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-next {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    cursor: pointer;
    font-size: 50px;
    margin: 70px 0 0 10px;
}
.mainSliderMain.home2 #MainSlider .owl-nav .owl-next:before {
    display: none;
}
.mainSliderMain.home2 .mainSlideData {
    z-index: 1000;
}
.mainSliderMain.home2 .mainSlideData h1 {
    font-family: manrope-regular !important;
    font-size: 72px;
    line-height: 70px;
    padding: 0px 0px 50px 0px;
    color: #000;
    font-weight: 100;
}
.mainSliderMain.home2 .mainSlideData h1 span {
    font-family: manrope-regular !important;
    font-size: 72px;
    font-weight: bold;
    line-height: 70px;
    color: #013fa6;
    display: inline-block;
    padding: 0;
    margin: 0;
}
.mainSliderMain.home2 .mainSlideData h1 small {
    font-family: manrope-regular !important;
    font-size: 22px;
    line-height: normal;
    text-transform: capitalize;
    font-weight: bold;
    display: block;
    color: #000;
    letter-spacing: 1px;
    padding: 0px 0px 40px 8px;
}
.mainSliderMain.home2 .mainSlideData a.promo-video {
    font-family: DM Sans Regular !important;
    font-size: 20px;
    color: #404856;
    font-weight: bold;
    margin: 0;
}
.mainSliderMain.home2 .mainSlideData a.promo-video .fas {
    font-size: 40px;
    color: #404856;    
    vertical-align: middle;
    margin: 0 10px 0 0;
}
.what-we-do {
    width: 100%;
    background-image: url(../images/what-we-do-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0; 
}
.what-we-do .whatwedo-2box {
    padding: 40px 60px;
    background-color: #ffffff;
}
.what-we-do .whatwedo-2box .box-icon .fas {
    padding: 20px;
    background-color: #404856;
    color: #ffffff;
    border-radius: 10px;
    font-size: 50px;
    margin: 0;
    width: 100px;
    height: 100px;
}
.what-we-do .whatwedo-2box h2 {
    color: #013fa6;
    font-size: 25px;
    font-weight: 500;
    margin: 30px 0 20px 0;
    padding: 0;
}
.what-we-do .whatwedo-2box span {
    color: #013fa6;
    font-size: 20px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    font-family: manrope-regular !important;
}
.what-we-do .whatwedo-2box p {
    color: #555555;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    margin: 20px 0 40px 0;
    padding: 0;
    font-family: DM Sans Regular !important;
}
.what-we-do .whatwedo-2box .icon-btn {
    width: 62px;
    height: 48px;
    text-align: center;
    background: #013fa6;
    border-radius: 50px;
    color: #ffffff;
    padding: 14px 20px;
}
.what-we-do .whatwedo-2box .icon-btn .fas {
    color: #ffffff;
    font-size: 18px;
}
.forstep-box {
    width: 100%;
    padding: 100px 0; 
    background-color: #ffffff;
}
.forstep-box .forcuntentbox {
    padding: 50px 30px 70px 30px; 
    background-color: #f7f7f7;
    border-bottom: 3px solid #2886ea;
}
.forstep-box .forcuntentbox .box-icon {
    padding: 20px 10px;
    background-color: #404856;
    color: #ffffff;
    border-radius: 10px;
    font-size: 50px;
    width: 100px;
    height: 100px;
    text-align: center;
    margin: 0 auto;
}
.forstep-box .forcuntentbox .box-icon img {
    text-align: center;
    vertical-align: unset;
}
.forstep-box .forcuntentbox h2 {
    color: #013fa6;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin: 40px 0 0 0;
    padding: 0;
    font-family: manrope-regular !important;
}
.aboutus-part {
    padding: 50px 0 50px;
    /*background-image: url(../images/aboutus-part-bg.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
}
.aboutus-part .section-title p {
    line-height: 26px;
    font-weight: 400;
    font-size: 16px;
    margin: 20px 0 11px 0;
    padding: 0;
    font-family: DM Sans Regular !important;
}
a.icon-btn:hover {
    background: rgba(130, 200, 106, 1) !important;
}
.aboutus-part .feature-info {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.aboutus-part .feature-info-style-01 {
    background: #ffffff;
    padding: 25px 25px;
    overflow: hidden;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 4%);
}
.aboutus-part .feature-info-style-01 .feature-info-icon {
    margin-bottom: 25px;
}
.aboutus-part .feature-info .feature-info-icon {
    margin-bottom: 30px;
}
.aboutus-part .feature-info-style-01 .feature-info-content {
    margin-top: 0px;
}
.aboutus-part .feature-info-style-01 .feature-info-content .feature-info-title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
    font-family: manrope-regular !important;
}
.aboutus-part .feature-info-style-01 .feature-info-content p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #555555;
    margin: 18px 0 20px 0;
    padding: 0;
}
.aboutus-part .feature-info-style-01 .feature-info-content .icon-btn {
    opacity: 1;
    width: 125px;
    height: 30px;
    text-align: center;
    background-image: #013fa6;
    border-radius: 50px;
    color: #ffffff;
    padding: 5px 10px;
    display: block;
}
.aboutus-part .feature-info-style-01 .feature-info-content .icon-btn .fas {
    font-size: 10px;
}
.clients-who-we-ve-worked-with-slider {
    border: none;
    box-shadow: none;
    padding: 100px 0;
    width: 100%;
    background-color: #ffffff;
    position: relative;
}
.clients-who-we-ve-worked-with-slider #carouselExampleControls {
    height: 310px;
}
.clients-who-we-ve-worked-with-slider .vert .carousel-item-next.carousel-item-left,
.clients-who-we-ve-worked-with-slider .vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.clients-who-we-ve-worked-with-slider .vert .carousel-item-next,
.clients-who-we-ve-worked-with-slider .vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}
.clients-who-we-ve-worked-with-slider .vert .carousel-item-prev,
.clients-who-we-ve-worked-with-slider .vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}
.clients-who-we-ve-worked-with-slider .carousel-item {
    height: 310px;
    margin: 50px 0 0 0;
}
.clients-who-we-ve-worked-with-slider .carousel-caption {
    padding: 0;
    right: 0;
    left: 0;
    top: 0;
    text-align: left;
    bottom: unset;
}
.clients-who-we-ve-worked-with-slider .carousel-caption h3 {
    color: #000;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 38px 0;
    padding: 0;
    text-align: left;
    font-family: manrope-regular !important;
}
.clients-who-we-ve-worked-with-slider .carousel-caption p {
    color: #000;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    margin: 0;
    padding: 0 0 34px 0;
    text-align: left;
    font-family: DM Sans Regular !important;
}
.clients-who-we-ve-worked-with-slider.navi a {
    text-decoration: none;
}
.navi {
    position: absolute;
    left: 0;
    bottom: 90px;
    z-index: 10;
    transform: rotate(90deg);
}
.navi a {
    background-color: #ddd;
    width: 65px;
    height: 65px;
    border-radius: 10px;
    color: #000;
    padding: 20px;
    margin: 2px;
}
.navi a .carousel-control-prev-icon {
    background: none;
}
.navi a .carousel-control-next-icon {
    background: none;
}
.navi a .carousel-control-prev-icon .fas {
    font-size: 48px;
    vertical-align: middle;
    justify-content: center;
    color: #000;
}
.navi a .carousel-control-next-icon .fas {
    font-size: 48px;
    vertical-align: middle;
    justify-content: center;
}
.key-stats-part {
    padding: 100px 0;
    background-image: url(../images/key-stats-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}
.key-stats-part .counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0px;
}
.key-stats-part .counter .counter-icon img {
    margin-right: 25px;
    line-height: 70px;
}
.key-stats-part .counter .counter-content {
    -ms-flex-item-align: center;
    align-self: center;
}
.key-stats-part .counter .counter-content .timer {
    position: relative;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    display: block;
    font-family: DM Sans Regular !important;
}
.key-stats-part .counter .counter-content label {
    display: block;
    color: #ffffff;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    font-family: manrope-regular !important;
}
.ourcases {
    width: 100%;
    padding: 100px 0;
    background-color: #ffffff;
}
.ourcases p {
    display: block;
    color: #000;
    margin: 20px 0 40px 0;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    font-family: DM Sans Regular !important;
}
.ourcases .container-fluid.two {
    width: 1622px;
}
.from-the-blog-recent-posts {
    width: 100%;
    padding: 100px 0;
    background-color: #f6f6f6;
}
.from-the-blog-recent-posts .post {
    position: relative;
    background: #ffffff;
    display: inline-block;
    margin-bottom: 25px;
}
.from-the-blog-recent-posts .post .post-image {
    overflow: hidden;
    position: relative;
    margin: 15px 15px 0;
}
.from-the-blog-recent-posts .post-date {
    position: absolute;
    right: 15px;
    bottom: 0;
    background: #013fa6;
    padding: 3px 8px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    font-family: DM Sans Regular !important;
}
.from-the-blog-recent-posts .post .post-desc {
    padding: 30px 30px 50px;
    position: relative;
}
.from-the-blog-recent-posts .post-meta ul li {
    font-weight: 600;
    display: inline-block;
    list-style-type: none;
    position: relative;
    font-size: 16px;
    color: #000;
    font-family: DM Sans Regular !important;
}
.from-the-blog-recent-posts .post-meta ul li + li:before {
    display: inline-block;
    padding-right: .5rem;
    color: #013fa6;
    content: "/";
}
.from-the-blog-recent-posts .post-meta ul li + li {
    padding-left: .5rem;
}
.from-the-blog-recent-posts .post-meta ul li a {
    color: #2886ea;
    font-family: DM Sans Regular !important;
}
.from-the-blog-recent-posts .post-title {
    margin-top: 10px;
}
.from-the-blog-recent-posts .post .post-desc h4 {
    margin: 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: manrope-regular !important;
}
.from-the-blog-recent-posts .post .post-desc h4 a {
    color: #000;
    display: inline-block;
    font-size: 24px;
    font-family: manrope-regular !important;
}
.from-the-blog-recent-posts .post .post-desc .icon-link {
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -25px;
}
.from-the-blog-recent-posts .icon-link {
    display: inline-block;
    line-height: 50px;
    width: 62px;
    height: 48px;
    text-align: center;
    background: #013fa6;
    border-radius: 50px;
    color: #ffffff;
    padding: 14px 20px;
}
.from-the-blog-recent-posts .icon-link .fas {
    color: #ffffff;
    font-size: 18px;
    display: block;
}
.our-happy-clients {
    width: 100%;
    padding: 100px 0;
    position: relative;
}
.our-happy-clients::after {
    top: 0;
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    background-image: url(../images/our-happy-clients-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 60%;
    bottom: 0;
    z-index: -1;
}
.our-happy-clients .our-happy-clients-subtitle p {
    margin: 35px 0 0 0;
    padding: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #ffffff;
}
.our-happy-clients #myCarousel {
    position: relative;
    padding: 60px 30px 100px 30px;
}
.our-happy-clients #myCarousel .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 1000;
}
.our-happy-clients #myCarousel:after {
    top: 0;
    content: "";
    position: absolute;
    left: 0;
    height: 100%;
    background: #ffffff;
    width: 100%;
    z-index: 0;
}
.our-happy-clients .carousel {
    width: 100%;
    padding-bottom: 0px;
}
.our-happy-clients .carousel .carousel-item {
    color: #999;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    min-height: 340px;
}
.our-happy-clients .carousel .carousel-item a {
    color: #000;
}
.our-happy-clients .carousel .img-box {
    width: 120px;
    height: 120px;
    margin: 0 0 35px 0;
    border-radius: 0;
}
.our-happy-clients .carousel .img-box img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 0;
}
.our-happy-clients .carousel .testimonial {
    padding: 0;
    margin: 0;
    color: #013fa6;
    font-size: 20px;
    line-height: 30px;
    font-style: italic;
    text-align: left;
}
.our-happy-clients .carousel .overview {
    padding: 0;
    margin: 35px 0 60px 0;
    color: #013fa6;
    font-size: 20px;
    font-weight: 600;
    text-align: left;
}
.our-happy-clients .carousel .star-rating i {
    font-size: 18px;
    color: #ffdc12;
}
.our-happy-clients .carousel-control-prev,
.our-happy-clients .carousel-control-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #404856;
    text-shadow: none;
    top: auto;
    opacity: 1;
    bottom: 70px;
}
.our-happy-clients .carousel-control-prev i,
.our-happy-clients .carousel-control-next i {
    font-size: 24px;
    margin-right: 2px;
}
.our-happy-clients .carousel-control-prev {
    left: 30px;
    right: auto;
}
.our-happy-clients .carousel-control-next {
    right: auto;
    left: 90px;
}
.our-happy-clients .carousel-control-next i {
    margin-right: -2px;
}
.contactus-map-details-part {
    width: 100%;
    position: relative;
}
.contactus-map-details-part::after {
    top: 0;
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    background: #f6f6f6;
    width: 50%;
    bottom: 0;
    z-index: -1;
}
.contactus-map-details-part .text-contactus-map-details-part {
    padding-bottom: 100px;
    padding-left: 30px;
    padding-top: 100px;
    padding-right: calc(100% - 570px);
}
.contactus-map-details-part fieldset {
    min-width: 0;
    padding: 0;
    margin: 40px 0 0 0;
    border: 0;
}
.contactus-map-details-part fieldset .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #2886ea;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 16px;
}
.contactus-map-details-part fieldset .form-group {
    margin-bottom: 20px;
}
.contactus-map-details-part fieldset .form-control {
    height: auto;
}
.contactus-map-details-part fieldset .form-control::-webkit-input-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-control::-moz-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-control:-ms-input-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-control:-moz-placeholder {
    color: #000;
}
.contactus-map-details-part fieldset .form-group .checkbox label {
    display: inline-block;
    margin-bottom: 0;
    color: #000;
}
.contactus-map-details-part fieldset .form-group .checkbox label a {
    color: #2886ea;
    text-decoration: underline;
}
.contactus-map-details-part fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contactus-map-details-part fieldset .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 18px;
    width: 18px;
    background: none;
    border-color: #404856;
    border-style: solid;
    border-width: 10px;
    border-radius: 50%;
}
.contactus-map-details-part fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contactus-map-details-part fieldset .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.contactus-map-details-part fieldset .radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.contactus-map-details-part fieldset .radio input:checked ~ .checkround:after {
    display: block;
}
.contactus-map-details-part fieldset .radio .checkround:after {
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ffffff;
}
.contactus-map-details-part fieldset .checkround:after {
    content: "";
    position: absolute;
    display: none;
}
/*-- Home Page 2 End--*/
/*-- Back To Top Start--*/
#back2Top {
    width: 60px;
    line-height: 30px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    position: fixed;
    bottom: 40px;
    right: 50px;
    background-color: #404856;
    color: #ffffff;
    text-align: center;
    font-size: 22px;
    text-decoration: none;
    height: 60px;
    border-radius: 100%;
    padding: 16px;
}
#back2Top:hover {
    background-color: #013fa6;
    color: #ffffff;
}
/*-- Back To Top End--*/
/*-- Home Page 3 Start--*/
/*-- Home Page 3 Background color Style Start--*/
.bg-color-1 {
    background: #f5f7fa;
}
.bg-color-2 {
    background: #404856;
}
/*-- Home Page 3 Background color Style End--*/
/*-- Home Page 3 Button Style Start--*/
.theme-btn-one {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    font-family: DM Sans Regular;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 17px 37px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    box-shadow: 0 20px 30px #d3dce800;
    transition: all .5s ease;
}
.theme-btn-one {
    background: #013fa6;
}
.theme-btn-one:hover {
    background: #404856;
}
.theme-btn-one:before {
    position: absolute;
    content: '';
    background: #404856;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
    z-index: -1;
    transition: all .5s ease;
}
.theme-btn-one:hover:before {
    width: 100%;
    opacity: 1;
}
.theme-btn-two {
    position: relative;
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    font-family: DM Sans Regular;
    font-weight: 700;
    color: #fff !important;
    text-align: center;
    padding: 17px 37px;
    border-radius: 5px;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;
    box-shadow: 0 20px 30px #d3dce800;
    transition: all .5s ease;
}
.theme-btn-two {
    background: #00c67c;
}
.theme-btn-two:hover {
    background: #404856;
}
.theme-btn-two:before {
    position: absolute;
    content: '';
    background: #404856;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    border-radius: 5px;
    z-index: -1;
    transition: all .5s ease;
}
.theme-btn-two:hover:before {
    width: 100%;
    opacity: 1;
}
.theme-btn-three {
    position: relative;
    display: inline-block;
    font-size: 14px;
    line-height: 26px;
    font-weight: 700;
    color: #013fa6;
    text-align: center;
    padding: 11px 26px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-transform: uppercase;
    font-family: DM Sans Regular;
    z-index: 1;
}
.theme-btn-three:hover {
    color: #fff;
    box-shadow: 0 20px 30px #d3dce800;
}
.theme-btn-three:hover {
    border-color: #00c67c;
}
.theme-btn-three:before {
    position: absolute;
    content: '';
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    border-radius: 4px;
    z-index: -1;
    transition: all .5s ease;
}
.theme-btn-three:before {
    background: #00c67c;
}
.theme-btn-three:hover:before {
    width: 100%;
}
.theme-btn-three:after {
    position: absolute;
    content: '';
    height: 32px;
    width: 26px;
    top: 9px;
    right: 20px;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .2;
    z-index: -1;
}
.theme-btn-three:after {
    background: #00c67c;
}
/*-- Home Page 3 Button Style End--*/
/*-- Home Page 3 Title Style Start--*/
.sec-title {
    margin-bottom: 25px;
}
.sec-title h5 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 25px 0;
    color: #00c67c;
    font-family: manrope-regular;
}
.sec-title h5 span {
    font-size: 20px;
    margin-right: 8px;
}
.sec-title h2 {
    position: relative;
    display: block;
    font-size: 45px;
    line-height: 50px;
    font-weight: 900;
    margin: 0;
    color: #000;
    font-family: manrope-regular;
}
/*-- Home Page 3 Title Style End--*/
.headerMain.home3header {
    background-color: #ffffff !important;
    margin-top: 0;
    transition: 0.2s all;
}
.headerMain.home3header .menuMain .nav-link {
    margin: 18px;
    padding: 0px 0px 8px 0px !important;
    color: #013fa6;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}
.headerMain.home3header .navbar-brand {
    padding: 0px;
    margin-top: 0;
}
.headerMain.home3header.affix {
    background-color: #013fa6;
    margin-top: 0;
}
.headerMain.home3header .menuMain .nav-link:hover:before, .headerMain.home3header .menuMain .nav-link.active:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 5px;
    border-radius: 6px;
    content: "";
    background-color: #013fa6;
}
.home3Mainslider {
    position: relative;
    margin-top: 90px;
}
.home3Mainslider .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 788px;
    height: 100%;
    background-repeat: no-repeat;
}
.home3Mainslider .pattern-layer .pattern-2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 271px;
    height: 401px;
    background-repeat: no-repeat;
}
.home3Mainslider .next-prev-arrow {
    position: absolute;
    top: 50%;
    width: 100%;
    right: 0;
    transform: translateY(-50%);
    left: auto;
    z-index: 1;
}
.home3Mainslider .next-prev-arrow .carousel-control-prev {
    position: absolute !important;
    right: 150px;
    left: auto;
    top: 35px;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 64px;
    color: #00224f;
    font-size: 24px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-weight: 700;
    box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    cursor: pointer;
    opacity: 1;
}
.home3Mainslider .next-prev-arrow .carousel-control-next {
    position: absolute !important;
    right: 150px;
    top: -35px;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 64px;
    color: #00224f;
    font-size: 24px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    font-weight: 700;
    box-shadow: 0 0px 20px rgb(0 0 0 / 10%);
    transition: all .5s ease;
    -moz-transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    cursor: pointer;
    opacity: 1;
}
.home3Mainslider .next-prev-arrow .carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100% 100%;
    background: none;
    color: #00c67c;
    font-size: 24px;
}
.home3Mainslider .active .content-inner {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    transition-delay: 0.3s;
}
.home3Mainslider .content-inner {
    position: relative;
    display: block;
    background: #fff;
    max-width: 545px;
    border-radius: 10px;
    padding: 60px 40px 130px 40px;
    z-index: 5;
    overflow: hidden;
    opacity: 0;
    box-shadow: 0 20px 50px rgb(0 0 0 / 10%);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.home3Mainslider .content-inner .pattern {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 151px;
    height: 247px;
    background-repeat: no-repeat;
}
.home3Mainslider h5 {
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    z-index: 1;
    color: #00c67c;
    text-align: left;
    font-family: manrope-regular;
    margin: 0 0 45px 0;
    padding: 0;
}
.home3Mainslider h5 span {
    margin-right: 10px;
    font-size: 20px;
}
.home3Mainslider h1 {
    display: block;
    font-size: 51px;
    line-height: 55px;
    font-weight: 100;
    z-index: 1;
    text-align: left;
    color: #013fa6;
    font-family: manrope-regular;
    margin: 0 0 60px 0;
    padding: 0;
}
.home3Mainslider h1 span {
    font-weight: 900;
    font-size: 51px;
    line-height: 55px;
    z-index: 1;
    font-family: manrope-regular;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.home3Mainslider .carousel-caption {
    top: 85px;
}
.home3Mainslider .carousel-item {
    position: relative;
}
.home3Mainslider .carousel-item img {
    z-index: 2;
}
.home3Mainslider .carousel-control-next, .home3Mainslider .carousel-control-prev{
    z-index: 4; 
}
.aboutus-home3 {
    padding: 160px 0;
    width: 100%;
    position: relative;
}
.aboutus-home3 .pattern-layer .pattern-1 {
    position: absolute;
    top: 70px;
    right: 300px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.aboutus-home3 .pattern-layer .pattern-2 {
    position: absolute;
    top: 80px;
    right: 80px;
    background: #f7f8f9;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.aboutus-home3 #image_block_1 .image-box {
    position: relative;
    display: block;
    padding: 0;
    margin-right: 41px;
}
.aboutus-home3 #image_block_1 .image-box .pattern-box .pattern-1 {
    position: absolute;
    left: 0;
    top: 46px;
    width: 35px;
    height: 110px;
    background-repeat: no-repeat;
}
.aboutus-home3 #image_block_1 .image-box .pattern-box .pattern-2 {
    position: absolute;
    right: 0px;
    bottom: 40px;
    width: 20px;
    height: 100px;
    background-repeat: no-repeat;
}
.aboutus-home3 #image_block_1 .image-box .image-1 {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
    width: 100%;
    max-width: 372px;
    margin: 36px 0 0 48px;
}
.aboutus-home3 #image_block_1 .image-box .image-1:before {
    position: absolute;
    top: 0;
    left: -75%;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: -webkit-gradient(linear,left top,right top,from(rgba(255,255,255,0)),to(rgba(255,255,255,.3)));
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg);
}
.aboutus-home3 #image_block_1 .image-box:hover .image-1:before {
    -webkit-animation: shine 1s;
    animation: shine 1s;
}
.aboutus-home3 #image_block_1 .image-box img {
    width: 100%;
    border-radius: 10px;
}
.aboutus-home3 #image_block_1 .image-box .image-2 {
    position: absolute;
    right: 29px;
    bottom: -250px;
    border-radius: 10px;
    box-shadow: 0 15px 50px #d3dce8;
    width: 100%;
    max-width: 299px;
}
.aboutus-home3 #image_block_1 .image-box .clients-box {
    position: absolute;
    left: 98px;
    bottom: -56px;
    background: #fff;
    max-width: 251px;
    width: 100%;
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 15px 50px #d3dce8;
}
.aboutus-home3 #image_block_1 .image-box .clients-box .clients-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.aboutus-home3 #image_block_1 .image-box .clients-box .clients-thumb img {
    width: 100%;
    border-radius: 5px;
}
.aboutus-home3 #content_block_1 .content-box .upper-box {
    position: relative;
    display: block;
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #e5e5e5;
}
.aboutus-home3 #content_block_1 .content-box .upper-box .text {
    position: relative;
    margin-bottom: 48px;
}
.aboutus-home3 #content_block_1 .content-box .upper-box .text p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #888888;
    margin: 0px;
    font-family: DM Sans Regular;
}
.aboutus-home3 #content_block_1 .counter-block-one {
    position: relative;
    padding-left: 45px;
    margin-bottom: 20px;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box {
    position: absolute;
    left: 0;
    top: 9px;
    width: 26px;
    height: 32px;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 1;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    background: #e0fff3;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box .dotted-1 {
    left: 0;
    top: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c67c;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box .dotted-2 {
    top: 6px;
    right: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c67c;
}
.aboutus-home3 #content_block_1 .counter-block-one .icon-box .dotted-3 {
    right: 6px;
    bottom: 6px;
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #00c67c;
}
.aboutus-home3 #content_block_1 .counter-block-one .count-outer {
    position: relative;
    display: block;
    font-size: 40px;
    color: #013fa6;
    font-weight: 900;
    margin: 0 0 5px 0;
    font-family: DM Sans Regular;
}
.aboutus-home3 #content_block_1 .counter-block-one p {
    font-size: 18px;
    color: #888888;
    font-weight: 500;
    margin: 0;
    padding: 0;
    font-family: DM Sans Regular;
}
.whatwedo-home3 {
    position: relative;
    padding: 150px 0;
}
.whatwedo-home3 .pattern-layer .pattern-1 {
    position: absolute;
    left: 290px;
    bottom: 65px;
    width: 80px;
    height: 80px;
    z-index: 1;
    background-repeat: no-repeat;
}
.whatwedo-home3 .pattern-layer .pattern-2 {
    position: absolute;
    left: 70px;
    bottom: 70px;
    background: #f0f3f7;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.whatwedo-home3 .pattern-layer .pattern-3 {
    position: absolute;
    top: 0;
    right: 0;
    width: 710px;
    height: 570px;
    background-repeat: no-repeat;
}
.whatwedo-home3 .service-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 60px;
    box-shadow: 0 15px 40px #d3dce8;
}
.whatwedo-home3 .service-block-one .inner-box .pattern {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 99px;
    height: 170px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.whatwedo-home3 .service-block-one .inner-box:hover .pattern {
    right: 0;
    opacity: 1;
}
.whatwedo-home3 .service-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
}
.whatwedo-home3 .service-block-one .inner-box .image-box {
    background: #00c67c;
}
.whatwedo-home3 .service-block-one .inner-box:hover .image-box img {
    opacity: .5;
    transform: scale(1.1);
}
.whatwedo-home3 .service-block-one .inner-box .image-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: all .5s ease;
    background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%);
    z-index: 1;
}
.whatwedo-home3 .service-block-one .inner-box .image-box img {
    width: 100%;
    transition: all .5s ease;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content {
    position: relative;
    padding: 30px 30px 30px 40px;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box {
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 32px;
    padding-left: 23px;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box {
    color: #00c67c;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box:before {
    position: absolute;
    content: '';
    height: 80px;
    width: 45px;
    top: -7px;
    left: 0;
    clip-path: polygon(0% 0%,60% 0%,100% 100%,0% 100%,0% 0%);
    opacity: .1;
    transition: all .5s ease;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content .icon-box:before {
    background: #00c67c;
}
.whatwedo-home3 .service-block-one .inner-box:hover .lower-content .icon-box:before {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .2;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: #434343;
    font-family: manrope-regular;
    font-weight: 700;
}
.whatwedo-home3 .service-block-one .inner-box .lower-content p {
    font-size: 18px;
    line-height: 22px;
    color: #888888;
    margin: 0 0 10px 0;
    font-family: DM Sans Regular;
    font-weight: 500;
}
.forbox-home3 {
    position: relative;
    background: #fff;
}
.forbox-home3 .pattern-layer {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 167px;
    height: 284px;
    background-repeat: no-repeat;
}
.forbox-home3 .bg-column {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.forbox-home3 .content-column {
    position: relative;
    float: right;
    width: 40%;
}
.forbox-home3 .content-column:before {
    position: absolute;
    content: '';
    background: #fff;
    width: 100%;
    height: 100px;
    left: 0;
    top: -100px;
}
.forbox-home3 .content-column .content-inner {
    position: relative;
    padding: 62px 0px 62px 30px;
}
.forbox-home3 .content-column .content-inner {
    position: relative;
    display: block;
    text-align: left;
    max-width: 380px;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content {
    position: relative;
    padding: 25px;
    border: 1px solid #e5e5e5;
    margin: 0 0 30px 0;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box {
    position: relative;
    display: inline-block;
    font-size: 65px;
    line-height: 60px;
    margin-bottom: 32px;
    padding-left: 23px;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box {
    color: #00c67c;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box:before {
    position: absolute;
    content: '';
    height: 80px;
    width: 45px;
    top: -7px;
    left: 0;
    clip-path: polygon(0% 0%,60% 0%,100% 100%,0% 100%,0% 0%);
    opacity: .1;
    transition: all .5s ease;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content .icon-box:before {
    background: #00c67c;
}
.forbox-home3 .content-column .content-inner .content-box:hover .lower-content .icon-box:before {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .2;
}
.forbox-home3 .content-column .content-inner .content-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 18px;
    margin: 0 0 20px 0;
    color: #434343;
    font-family: manrope-regular;
    font-weight: 700;
    line-height: 20px;
    text-align: center;
}
.our-clients-logo-section-home3 {
    position: relative;
    padding: 120px 0 260px;
}
.our-clients-logo-section-home3 .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-repeat: repeat-x;
    animation: slide 100s linear infinite;
    -webkit-animation: slide 100s linear infinite;
}
@keyframes slide {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 1920px 0;
    }
}
/*.our-clients-logo-section-home3 .pattern-layer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/our-clients-logo-section-home3-pattern-1.png);
    background-position-x: 11300%;
    background-repeat: repeat-x;
    animation-timing-function: linear;
    animation-name: slide2;
    animation-duration: 70s;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}
@keyframes slide2 {
    from {
        background-position-x: 0%;
    }
    to {
        background-position-x: 11300%;
    }
}*/
.our-clients-logo-section-home3 #recipeCarousel .carousel-item img {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.location-section-home3 {
    position: relative;
}
.location-section-home3 .inner-container {
    position: relative;
    background: #fff;
    padding: 50px 40px;
    border-radius: 10px;
    box-shadow: 0 15px 50px rgb(0 0 0 / 10%);
    margin-top: -140px;
}
.location-section-home3 .content_block_2 .content-box {
    position: relative;
    display: block;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 32px 40px 21px;
}
.location-section-home3 .content_block_2 .content-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}
.location-section-home3 .content_block_2 .content-box .support-box {
    position: relative;
    padding-left: 65px;
}
.location-section-home3 .content_block_2 .content-box .support-box h6 {
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 0;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box {
    position: absolute;
    left: 0;
    top: 12px;
    font-size: 26px;
    line-height: 30px;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box {
    color: #013fa6;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box:before {
    position: absolute;
    content: '';
    height: 44px;
    width: 36px;
    top: -5px;
    left: 0;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%,60% 0%);
    opacity: .1;
}
.location-section-home3 .content_block_2 .content-box .support-box .icon-box:before {
    background: #013fa6;
}
.location-section-home3 .content_block_2 .content-box .support-box h3 {
    display: block;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    font-family: manrope-regular;
}
.location-section-home3 .content_block_2 .content-box h3 {
    display: block;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 16px;
    color: #000;
    font-family: manrope-regular;
}
.location-section-home3 .content_block_2 .content-box .support-box h3 a {
    display: inline-block;
    color: #404856;
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    font-family: manrope-regular;
}
.our-services-section-home3 {
    position: relative;
    padding: 90px 0 50px;
}
.our-services-section-home3 .inner-box {
    position: relative;
    display: block;
    text-align: center;
}
.our-services-section-home3 .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
.our-services-section-home3 .inner-box .image-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 1;
    transition: all .5s ease;
    background: linear-gradient(0deg,rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%);
    z-index: 1;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .image-box:before {
    opacity: 0;
}
.our-services-section-home3 .inner-box:hover .image-box img {
    transform: scale(1.1);
}
.our-services-section-home3 .inner-box .image-box:after {
    position: absolute;
    content: '';
    background: rgb(85, 217, 247, 0.8);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .image-box:after {
    opacity: 1;
}
.our-services-section-home3 .inner-box .image-box img {
    width: 100%;
    border-radius: 10px;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box .lower-content {
    position: relative;
    margin: 0 20px;
    z-index: 1;
}
.our-services-section-home3 .inner-box .lower-content .inner {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    padding: 20px 10px;
    overflow: hidden;
    margin-top: -65px;
    box-shadow: 0 20px 30px #d3dce800;
	border: 1px solid #ddd;
}
.our-services-section-home3 .inner-box .lower-content .inner h3 {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 26px;
    font-weight: 900;
    margin-bottom: 0px;
    font-family: manrope-regular;
    color: #000;
}
.our-services-section-home3 .inner-box .lower-content .inner .designation {
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    font-family: DM Sans Regular;
    margin-bottom: 20px;
}
.our-services-section-home3 .inner-box .lower-content .inner a i {
    color: #434343;
    font-size: 14px;
}
.our-services-section-home3 .inner-box .lower-content .inner .designation {
    color: #888888;
}
.our-services-section-home3 .inner-box .lower-content .inner .pattern .pattern-1 {
    position: absolute;
    left: -30px;
    top: 0;
    width: 110px;
    height: 175px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .lower-content .inner .pattern .pattern-1 {
    opacity: 1;
    left: 0;
}
.our-services-section-home3 .inner-box .lower-content .inner .pattern .pattern-2 {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 110px;
    height: 175px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.our-services-section-home3 .inner-box:hover .lower-content .inner .pattern .pattern-2 {
    opacity: 1;
    right: 0;
}
.testimonial-section-home3 {
    position: relative;
    padding-bottom: 140px;
}
.testimonial-section-home3 .pattern-layer {
    position: absolute;
    left: 0;
    top: -75px;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
.testimonial-section-home3 .owl-carousel .owl-item {
    opacity: 0;
    transition: all .5s ease;
}
.testimonial-section-home3 .owl-carousel .owl-item.active {
    opacity: 1;
    transition: all .5s ease;
}
.testimonial-section-home3 .testimonial-block-one .inner-box {
    position: relative;
    display: block;
    background: #fff;
    border-radius: 10px;
    padding: 70px 30px 70px 45px;
    box-shadow: 0 10px 40px #d3dce800;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .pattern {
    position: absolute;
    right: 18px;
    bottom: 18px;
    width: 35px;
    height: 50px;
    background-repeat: no-repeat;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .quote {
    position: absolute;
    right: 70px;
    bottom: 80px;
    font-size: 60px;
    opacity: 1;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .quote {
    color: #00c67c;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .text {
    margin-bottom: 50px;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .text p {
    font-size: 22px;
    line-height: 32px;
    color: #888888;
    font-weight: 500;
    font-style: italic;
    font-family: DM Sans Regular;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info {
    position: relative;
    padding: 9px 0 7px 90px;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info .author-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info .author-thumb img {
    width: 100%;
    border-radius: 50%;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info h3 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 900;
    margin-bottom: 0;
    color: #434343;
    font-family: manrope-regular;
}
.testimonial-section-home3 .testimonial-block-one .inner-box .author-info .designation {
    position: relative;
    display: block;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    color: #434343;
    font-family: DM Sans Regular;
}
.testimonial-section-home3 .owl-dots {
    position: relative;
    display: block;
    text-align: center;
    margin-top: 56px;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot {
    display: inline-block;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    background: 0 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    transition: all .5s ease;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span {
    border: 2px solid #00c67c;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    transform: scale(0,0);
    transition: all .5s ease;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot span:before {
    background: #00c67c;
}
.testimonial-section-home3 .owl-theme .owl-dots .owl-dot.active span:before, .testimonial-section-home3 .owl-theme .owl-dots .owl-dot span:hover:before {
    transform: scale(1,1);
}
.clients-who-we-ve-worked-with-section-home3 {
    position: relative;
}
.clients-who-we-ve-worked-with-section-home3 .pattern-layer {
    position: absolute;
    top: auto;
    right: 0;
    width: 390px;
    height: 319px;
    background-repeat: no-repeat;
    z-index: 1;
    bottom: 0;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container {
    position: relative;
    padding: 130px 0;
    border-radius: 0;
    margin-top: 0;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container:before {
    position: absolute;
    content: '';
    background: #404856;
    border-radius: 10px 0 0 10px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container .pattern .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.clients-who-we-ve-worked-with-section-home3 .inner-container .pattern .pattern-2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 756px;
    height: 318px;
    background-repeat: no-repeat;
    border-top-left-radius: 0;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item {
    color: #ffffff;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .pic img {
    display: block;
    width: auto;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .box-cuntent h2 {
    font-size: 36px;
    line-height: normal;
    font-weight: 900;
    margin-bottom: 20px;
    color: #ffffff;
    font-family: manrope-regular;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .box-cuntent p {
    font-size: 23px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #ffffff;
    font-family: DM Sans Regular;
}
.clients-who-we-ve-worked-with-section-home3 .contain .item .box-cuntent a i {
    font-size: 16px;
    color: #00c67c;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots {
    position: relative;
    display: block;
    text-align: right;
    float: right;
    margin-top: -18px;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot {
    display: inline-block;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span {
    border: 2px solid #00c67c;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span {
    position: relative;
    display: inline-block;
    background: 0 0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    cursor: pointer;
    margin: 0 5px;
    transition: all .5s ease;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span:before {
    background: #00c67c;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot span:before {
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    transform: scale(0,0);
    transition: all .5s ease;
}
.clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot.active span:before, .clients-who-we-ve-worked-with-section-home3 .contain .owl-dots .owl-dot.active span:hover:before {
    transform: scale(1,1);
}
.our-cases-home3 {
    padding: 160px 0;
    width: 100%;
    position: relative;
}
.our-cases-home3 .pattern-layer .pattern-1 {
    position: absolute;
    top: 70px;
    right: 300px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    z-index: 1;
}
.our-cases-home3 .pattern-layer .pattern-2 {
    position: absolute;
    top: 80px;
    right: 80px;
    background: #ffffff;
    width: 270px;
    height: 270px;
    border-radius: 50%;
    z-index: 0;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.our-cases-home3 .project-tab #tabs {
    background: #007b5e;
    color: #eee;
}
.our-cases-home3 .project-tab #tabs .nav-tabs .nav-item.show .nav-link,
.our-cases-home3 .nav-tabs .nav-link.active {
    color: #013fa6;
    background-color: transparent;
    border-color: transparent transparent #f3f3f3;
    border-bottom: 3px solid;
    font-size: 20px;
    font-weight: 900;
    box-shadow: none;
    outline: none;
    margin: 0;
    padding: 0 0 15px 0; 
}
.our-cases-home3 .project-tab .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 0;
    color: #434343;
    font-size: 20px;
    font-weight: 900;
    box-shadow: none;
    outline: none;
    margin: 0;
    padding: 0 0 15px 0;    
    font-family: DM Sans Regular;
}
.our-cases-home3 .project-tab .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}
.our-cases-home3 .project-tab .tab-content {
    margin: 40px 0 0 0;
}
.from-the-blog-recent-posts-home3 {
    position: relative;
    padding: 134px 0 150px;
}
.from-the-blog-recent-posts-home3 .pattern-layer .pattern-1 {
    position: absolute;
    top: 240px;
    left: 220px;
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
}
.from-the-blog-recent-posts-home3 .pattern-layer .pattern-2 {
    position: absolute;
    top: 120px;
    left: 90px;
    background: #f0f3f7;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    z-index: -1;
    -webkit-animation: zoom-fade 5s infinite linear;
    animation: zoom-fade 5s infinite linear;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box {
    position: relative;
    display: block;
    overflow: hidden;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 15px 40px #d3dce800;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box:before {
    position: absolute;
    content: '';
    background: rgb(0 192 124/60%);    
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 1;
    transition: all .5s ease;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box:hover .image-box:before {
    opacity: 1;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box:hover .image-box img {
    transform: scale(1);
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box img {
    width: 100%;
    transform: scale(1.1);
    transition: all .5s ease;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .image-box a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    font-size: 0px;
    color: #fff;
    z-index: 1;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content {
    position: relative;
    padding: 40px 30px;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .pattern {
    position: absolute;
    right: -30px;
    bottom: 0;
    width: 99px;
    height: 170px;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .5s ease;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box:hover .lower-content .pattern {
    right: 0;
    opacity: 1;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content h3 {
    position: relative;
    display: block;
    font-size: 24px;
    line-height: normal;
    font-weight: 900;
    margin-bottom: 22px;
    font-family: manrope-regular;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content h3 a {
    display: inline-block;
    color: #00224f;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content h3 a:hover {
    color: #00c67c;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box {
    position: relative;
    padding: 0 0 0px 70px;
    margin-bottom: 30px;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box .admin-thumb {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box .admin-thumb img {
    width: 100%;
    border-radius: 50%;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #2886ea;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0;
    font-family: DM Sans Regular;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box a:hover {
    color: #00c67c;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content .admin-box span {
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 24px;
    color: #434343;
    font-family: DM Sans Regular;
}
.from-the-blog-recent-posts-home3 .news-block-one .inner-box .lower-content p {
    color: #434343;
    font-family: DM Sans Regular;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 25px;
    padding: 0;
}
.contact-section-home3 {
    position: relative;
    padding: 120px 0 100px;
}
.contact-section-home3:before {
    position: absolute;
    content: ''; 
    width: 100%;
    height: 100%;
    background: url(../images/contact-section-home3-bg.jpg) no-repeat center / cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.contact-section-home3 .pattern-layer .pattern-1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 352px;
    height: 763px;
    background-repeat: no-repeat;
}
.contact-section-home3 .pattern-layer .pattern-2 {
    position: absolute;
    right: 0;
    top: 0;
    width: 702px;
    height: 365px;
    background-repeat: no-repeat;
}
.contact-section-home3 .image-layer {
    position: absolute;
    left: 170px;
    bottom: 0;
}
.contact-section-home3 #content_block_4 .content-box .form-inner {
    position: relative;
    display: block;
    background: #fff;
    padding: 45px 100px;
    box-shadow: 0 20px 30px #d3dce800;
    border-radius: 10px;
    overflow: hidden;
}
.contact-section-home3 #content_block_4 .content-box .form-inner .pattern {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 141px;
    height: 225px;
    background-repeat: no-repeat;
}
.contact-section-home3 #content_block_4 .content-box .form-inner h3 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 32px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: 10px 20px;
    font-weight: 500;
    line-height: 1.5;
    color: #888888;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    font-size: 17px;    
    font-family: DM Sans Regular;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-group {
    margin-bottom: 20px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset textarea.form-control {
    height: 125px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset input.form-control {
    height: 50px;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control::-webkit-input-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control::-moz-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control:-ms-input-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-control:-moz-placeholder {
    color: #888888;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-group .checkbox label {
    display: inline-block;
    margin-bottom: 0;
    color: #888888;
    font-size: 17px;
    font-weight: 500;
    line-height: 24px;    
    font-family: DM Sans Regular;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .form-group .checkbox label a {
    color: #434343;
    text-decoration: underline;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .checkround {
    position: absolute;
    top: 4px;
    left: 0;
    height: 22px;
    width: 22px;
    background: none;
    border-color: #e5e5e5;
    border-style: solid;
    border-width: 11px;
    border-radius: 50%;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input:checked ~ .checkround {
    background-color: #fff;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio input:checked ~ .checkround:after {
    display: block;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .radio .checkround:after {
    left: -4px;
    top: -4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #013fa6;
}
.contact-section-home3 #content_block_4 .content-box .form-inner fieldset .checkround:after {
    content: "";
    position: absolute;
    display: none;
}
/*-- Home Page 3 End--*/
/*-- Home Page 4 Start--*/
/*-- Home Page 4 Common Title--*/
.homepage4-title-style-1 {
    font-size: 62px;
    text-align: left;
    font-weight: bold;
    line-height: 1.170;
    color: #013fa6;
    margin: 147px 0 80px 0;
    padding: 0;
}
.homepage4-title-style-1 span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 5px;
}
.homepage4-title-style-1 span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 18px;
    background-color: #00c57c;
    bottom: 0px;
    left: 0;
    z-index: -1;
}
.homepage4-section-title .homepage4-sub-title {
    font-size: 16px;
    font-weight: 500;
    color: #888888;
    text-transform: uppercase;
    margin-bottom: 0px;
    letter-spacing: 1px;
}
.homepage4-section-title .homepage4-title-style {
    font-size: 62px;
    font-weight: bold;
    line-height: 1.170;
    color: #013fa6;
    margin: 30px 0 35px 0;
    padding: 0;
}
.homepage4-section-title .homepage4-title-style span {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding-right: 5px;
}
.homepage4-section-title .homepage4-title-style span::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 18px;
    background-color: #00c57c;
    bottom: 0px;
    left: 0;
    z-index: -1;
}
/*-- Home Page 4 Common Title--*/
/*-- Home Page 4 Common button--*/
.homepage4-common-btn {
    font-size: 18px;
    color: #ffffff;
    font-weight: 400;
    padding: 12px 36px;
    border-radius: 5px;
    background-color: #013fa6;
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.homepage4-common-btn::before {
    width: 200px;
    height: 200px;
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    z-index: -1;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 50%;
}
.homepage4-common-btn:hover::before {
    background-color: #013fa6;
}
.homepage4-common-btn:hover::before {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.homepage4-common-btn:hover {
    color: #ffffff;
    background-color: #404856;
}
.homepage4-common-btn:focus {
    outline: none;
    box-shadow: none;
    border: none;
    color: #ffffff;
}
/*-- Home Page 4 Common button--*/
.menu-large  {
    position: unset !important;
}
.headerMain .navbar {
    position: relative;
}
.headerMain.home4header .menuMain .nav-link:hover:before, .headerMain.home4header .menuMain .nav-link.active:before {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 5px;
    border-radius: 6px;
    content: "";
    background-color: #ffffff;
}
.megamenu {
    width: 100%;
}
.megamenu > div > li > ul {
    padding: 0;
    margin: 0;
}
.megamenu > div > li > ul > li {
    list-style: none;
}
.megamenu > div > li > ul > li.dropdown-header {
    padding: 0px 24px 10px 19px;
}
.megamenu .card {
    outline: none;
}
.megamenu .card:hover,
.megamenu .card:focus {
    outline: 1px solid #000;
}
.megamenu > div > li > ul > li > a {
    line-height: 1.428571429;
    white-space: normal;
    display: block;
    width: 100%;
    padding: .25rem 19px;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}
.megamenu > div > li > ul > li > a:hover,
.megamenu > div > li > ul > li > a:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
    cursor: not-allowed;
}
.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}
.megamenu .dropdown-item:focus, .megamenu .dropdown-item:hover {
    color: #16181b;
    text-decoration: none;
    background-color: transparent;
}
.slider-section {
    padding-top: 90px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.slider-section::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: -webkit-gradient(linear, left top, left bottom, from(#f0fff4), to(rgba(240,255,244,0)));
    background: -webkit-linear-gradient(top, #f0fff4 0%, rgba(240,255,244,0) 100%);
    background: -o-linear-gradient(top, #f0fff4 0%, rgba(240,255,244,0) 100%);
    background: linear-gradient(180deg, #f0fff4 0%, rgba(240,255,244,0) 100%);
}
.slider-active .slider-wrapper {
    position: relative;
    height: 825px;
}
.slider-active .slider-content {
    padding-top: 0px;
    padding-right: 60px;
}
.slider-active .slider-content .homepage4-title-style {
    margin-bottom: 70px;
}
.slider-active .slider-images {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    text-align: right;
    padding-left: 20px;
    margin-top: 50px;
    width: 100%;
}
.slider-active .slider-images {
    opacity: 1;
}
.slider-active .slider-images .slider-hero {
    position: relative;
    right: -20px;
}
.slider-active .slider-images .slider-hero img {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.slider-active .slider-images .shape-1 {
    width: 467px;
    height: 623px;
    background-color: #f3faef;
    bottom: 0 !important;
    left: auto !important;
    right: 0 !important;
    top: auto !important;
    position: absolute;
    z-index: -1;
    border-bottom-left-radius: 100px;
    border-top-right-radius: 100px;
}
.slider-active .slider-images .shape-2 {
    position: absolute;
    z-index: -1;
    top: 125px !important;
    right: -30px !important;
    opacity: 0.38;
}
.slider-active .slider-images .shape-3 {
    position: absolute;
    z-index: -1;
    bottom: -10px !important;
    left: auto !important;
    top: auto !important;
    right: 32% !important;
}
.slider-active .swiper-button-next {
    right: 30px;
}
.slider-active .swiper-button-next, .slider-active .swiper-button-prev {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background-color: #ebf7f8;
    border-radius: 50%;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: inline-block;
    opacity: 1;
    visibility: visible;
    background-image: none;
    color: #000;
}
.slider-active .swiper-button-next::after, .slider-active .swiper-button-prev::after {
    font-size: 24px;
    color: #1d3557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.slider-active .swiper-button-prev {
    left: 30px;
}
.slider-active .swiper-button-next:hover, .slider-active .swiper-button-prev:hover {
    background-color: #c25251;
    color: #fff;
}
.slider-active .swiper-button-next:hover::after, .slider-active .swiper-button-prev:hover::after {
    color: #fff;
}
.animation-style-01 .slider-images,
.animation-style-01 .slider-content {
    opacity: 0;
}
.animation-style-01.swiper-slide-active .slider-content {
    opacity: 1;
}
.animation-style-01.swiper-slide-active .slider-content .title {
    animation-name: fadeInUpBig;
    animation-delay: 0.4s;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-content .btn {
    animation-name: fadeInUpBig;
    animation-delay: 0.8s;
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animation-style-01.swiper-slide-active .slider-images {
    opacity: 1;
}
.animation-style-01.swiper-slide-active .slider-images .slider-hero img {
    animation-name: fadeInUp;
    animation-delay: 1.1s;
    animation-duration: 1.3s;
    animation-fill-mode: both;
}
.for-box-section-home4 {
    padding: 130px 0 0 0;
}
.for-box-section-home4 .feature-box {
    text-align: center;
    margin-top: 0px;
}
.for-box-section-home4 .feature-box .icon {
    position: relative;
    display: inline-block;
    z-index: 2;
    padding-top: 20px;
}
.for-box-section-home4 .feature-box .icon::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 77px;
    height: 77px;
    border-radius: 50%;
    background-color: #e1f3f4;
    z-index: -1;
    top: 0px;
    left: -28px;
}
.for-box-section-home4 .feature-box .content {
    padding-top: 38px;
}
.for-box-section-home4 .feature-box .content .title {
    font-size: 25px;
    font-weight: 400;
    color: #434343;
    margin-bottom: 0;
}
.for-box-section-home4 .feature-box .content p {
    margin-top: 8px;
    font-size: 17px;
    font-weight: 400;
    color: #888888;
    font-family: DM Sans Regular;
}
.about-section-home4 {
    padding: 130px 0 0 0;
}
.about-section-home4 .about-content .about-text {
    color: #434343;
    font-size: 17px;
    font-weight: 600;
    margin: 0 0 30px 0;
    line-height: 24px;
    padding: 0;
}
.about-section-home4 .about-content .about-text-two {
    color: #434343;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 40px 0;
    padding: 0;
    line-height: 24px;
}
.about-section-home4 .about-images {
    position: relative;
    z-index: 1;
    margin-top: 0px;
}
.about-section-home4 .about-images img {
    border-radius: 100%;
    width: 485px;
    height: 485px;
    object-fit: cover;
}
.about-section-home4 .about-images .shape {
    width: 418px;
    height: 500px;
    background-color: #ebf7f8;
    border-radius: 50%;
    -webkit-transform: translateX(-50%) rotate(30deg);
    -ms-transform: translateX(-50%) rotate(30deg);
    transform: translateX(-50%) rotate(30deg);
    position: absolute;
    top: 25px;
    left: 58%;
    z-index: -1;
}
.services-section-home4 {
    padding: 130px 0 0 0;
}
.services-section-home4 .service-wrapper {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
    margin: 0;
}
.services-section-home4 .service-wrapper::before {
    position: absolute;
    content: '';
    width: 93%;
    height: 86.5%;
    background-color: #ebf7f8;
    bottom: -15px;
    left: 70px;
    z-index: -1;
    border-radius: 35px;
    border: 15px solid rgba(255,255,255,0);
    right: 30px;
}
.services-section-home4 .service-wrapper .homepage4-section-title {
    margin-left: 120px;
}
.services-section-home4 .service-active {
    position: relative;
}
.services-section-home4 .service-active .swiper-container {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}
.services-section-home4 .service-active .swiper-container .swiper-wrapper .swiper-slide:nth-child(2n+1) {
    margin-top: 50px;
}
.services-section-home4 .service-active .swiper-container .swiper-wrapper .swiper-slide {
    padding: 50px 10px;
}
.services-section-home4 .service-wrapper .shape {
    position: absolute;
    top: 72px;
    right: -25px;
    z-index: -2;
    opacity: 0.64;
}
.services-section-home4 .service-box {
    background-color: #fff;
    padding: 35px 30px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
}
.services-section-home4 .service-box .box-icon {
    position: relative;
    display: inline-block;
    z-index: 2;
    padding-left: 10px;
}
.services-section-home4 .service-box .box-icon::before {
    position: absolute;
    content: '';
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #ebf7f8;
    z-index: -1;
    bottom: 0;
    left: 0;
}
.services-section-home4 .service-box .box-content {
    padding-top: 24px;
}
.services-section-home4 .service-box .box-content .title {
    margin-bottom: 0;
}
.services-section-home4 .service-box .box-content .title a {
    font-size: 20px;
    font-weight: 500;
    color: #434343;
    margin: 0;
    padding: 0;
}
.services-section-home4 .service-box .box-content p {
    font-size: 16px;
    font-weight: 400;
    color: #888888;
    line-height: 18px;
    margin: 20px 0 0 0;
    padding: 0;
    font-family: DM Sans Regular;
}
.services-section-home4 .service-active .swiper-button-next, .services-section-home4 .service-active .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    top: -40px;
    right: 45px;
    margin-top: 0;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-image: none;
    color: #404856;
}
.services-section-home4 .service-active .swiper-button-prev {
    left: auto;
    right: 90px;
}
.services-section-home4 .service-active .swiper-button-next::after, .services-section-home4 .service-active .swiper-button-prev::after {
    font-size: 14px;
    color: #1d3557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.services-section-home4 .service-active .swiper-button-next:hover, .services-section-home4 .service-active .swiper-button-prev:hover {
    background-color: #013fa6;
    color: #ffffff;
}
.client-section-home4 {
    padding: 130px 0 0 0;
}
.client-section-home4 .client-content {
    padding-right: 30px;
    margin-top: 45px;
}
.client-section-home4 .client-wrapper {
    padding-top: 40px;
}
.client-section-home4 .single-client p {
    font-size: 17px;
    font-weight: 500;
    color: #434343;
    margin-bottom: 0;
    padding: 0;
    line-height: 26px;
    font-family: DM Sans Regular;
}
.client-section-home4 .client-content .text {
    margin: 24px 0 0 0;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    color: #434343;
    font-family: DM Sans Regular;
}
.client-section-home4 .single-client p img {
    vertical-align: bottom;
    margin-right: 10px;
    margin-bottom: 6px;
}
.client-section-home4 .single-client .client-info {
    margin-top: 20px;
}
.client-section-home4 .single-client .client-info .name {
    font-size: 18px;
    font-weight: 500;
    color: #434343;
}
.client-section-home4 .single-client .client-info span {
    position: relative;
    line-height: 1;
    color: #888888;
    font-size: 17px;
    font-weight: 400;
}
.client-section-home4 .single-client .client-info span+span::before {
    content: '|';
    color: #888888;
    font-size: 17px;
    margin: 0 10px;
    line-height: 1;
}
.client-section-home4 .client-active .swiper-button-next {
    position: relative;
    top: 0;
    margin-top: 30px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    display: inline-block;
    color: #013fa6;
    font-size: 17px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1;
    outline: none;
    font-weight: 400;
    opacity: 1;
    background-image: none;
}
.client-section-home4 .client-active .swiper-button-prev {
    position: relative;
    top: 0;
    margin-top: 20px;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    display: inline-block;
    color: #888888;
    font-size: 17px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    line-height: 1;
    outline: none;
    font-weight: 400;
    opacity: 1;
    background-image: none;
}
.client-section-home4 .client-active .swiper-button-next::before {
    content: '/';
    color: #013fa6;
    font-size: 17px;
    margin: 0 10px;
    line-height: 1;
}
.client-section-home4 .client-active .swiper-button-next:hover, .client-section-home4 .client-active .swiper-button-prev:hover {
    color: #013fa6;
}
.client-section-home4 .swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}
.client-section-home4 .client-images {
    position: relative;
    width: 100%;
    height: 91%;
    margin-top: 50px;
}
.client-section-home4 .client-images .images-1 {
    position: absolute;
    top: 0;
    left: 10px;
    border-radius: 50%;
    background-color: #e6e6e6;
    -webkit-box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 13%);
    box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 13%);
    z-index: 2;
    display: inline-block !important;
}
.client-section-home4 .client-images .images-1::before {
    position: absolute;
    content: '';
    top: 10px;
    left: -10px;
    width: 100%;
    height: 100%;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    z-index: -1;
}
.client-section-home4 .client-images img {
    border-radius: 50%;
}
.client-section-home4 .client-images .images-2 {
    position: absolute;
    top: 44% !important;
    -webkit-transform: translateY(-50%) !important;
    -ms-transform: translateY(-50%) !important;
    transform: translateY(-50%) !important;
    right: 0 !important;
    left: auto !important;
    border-radius: 50%;
}
.client-section-home4 .client-images .images-3 {
    position: absolute;
    bottom: 0 !important;
    left: 19% !important;
    top: auto !important;
    border-radius: 50%;
}
.client-section-home4 .client-images .shape-1 {
    position: absolute;
    top: 180px !important;
    right: 37% !important;
    left: auto !important;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #013fa6;
}
.client-section-home4 .client-images .shape-2 {
    position: absolute;
    bottom: 22% !important;
    left: 25px !important;
    top: auto !important;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    background-color: #00c57c;
}
.client-section-home4 .client-images .shape-3 {
    position: absolute;
    bottom: 0px !important;
    right: 22% !important;
    top: auto !important;
    left: auto !important;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #404856;
}
.counter-section-home4 {
    padding: 130px 0 0 0;
}
.counter-section-home4 .single-counter {
    border-radius: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 8%);
    box-shadow: 0px 8px 46px 0px rgb(29 53 87 / 8%);
    text-align: center;
    padding: 40px 30px;
    margin-top: 30px;
}
.counter-section-home4 .single-counter .count {
    font-size: 28px;
    font-weight: 700;
    color: #013fa6;
    line-height: 47px;
    margin: 0;
    padding: 0;
}
.counter-section-home4 .single-counter .count .odometer {
    font-size: 40px;
    font-weight: 700;
    color: #013fa6;
    line-height: 47px;
    margin: 0;
    padding: 0;
}
.counter-section-home4 .single-counter p {
    font-size: 20px;
    color: #555555;
    line-height: 47px;
    font-weight: 300;
    margin: 0;
    padding: 0;
}
.counter-section-home4 .odometer.odometer-auto-theme,
.counter-section-home4 .odometer.odometer-theme-default {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
    display: inline-block;
    vertical-align: middle;
    visibility: hidden;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
    text-align: left;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
    display: block;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
    display: block;
    -webkit-backface-visibility: hidden;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-value,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-value {
    display: block;
    -webkit-transform: translateZ(0);
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.counter-section-home4 .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
    position: absolute;
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}
.counter-section-home4 .odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.counter-section-home4 .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
    -webkit-transition: -webkit-transform 2s;
    -moz-transition: -moz-transform 2s;
    -ms-transition: -ms-transform 2s;
    -o-transition: -o-transform 2s;
    transition: transform 2s;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.counter-section-home4 .odometer.odometer-auto-theme,
.counter-section-home4 .odometer.odometer-theme-default {
    line-height: 1.1em;
}
.counter-section-home4 .odometer.odometer-auto-theme .odometer-value,
.counter-section-home4 .odometer.odometer-theme-default .odometer-value {
    text-align: center;
}
.counter-section-home4 .counter-wrapper {
    padding: 20px 65px 50px;
    position: relative;
    z-index: 1;
}
.counter-section-home4 .counter-wrapper .shape {
    position: absolute;
    bottom: -5px;
    left: 5px;
    z-index: -2;
    opacity: 0.64;
}
.clients-hypocero-section-home4 {
    padding: 50px 0 0px 0;
}
.clients-hypocero-section-home4 .clients-hypocero-wrapper {
    padding: 10px 80px 60px;
    background-color: #ebf7f8;
    border-radius: 20px;
    margin: 0 15px;
}
.clients-hypocero-section-home4 .clients-hypocero-content {
    margin-top: 50px;
}
.clients-hypocero-section-home4 .clients-hypocero-content p {
    font-size: 17px;
    font-weight: 500;
    color: #434343;
    line-height: 24px;
    margin: 0 0 30px 0;
    padding: 0;
    font-family: DM Sans Regular;
}
.clients-hypocero-section-home4 .clients-hypocero-image {
    padding: 40px;
    margin-top: 50px;
    position: relative;
    z-index: 1;
}
.clients-hypocero-section-home4 .clients-hypocero-image .shape-1 {
    position: absolute;
    top: 30px;
    left: 0;
    z-index: -1;
}
.clients-hypocero-section-home4 .clients-hypocero-image .shape-1 img {
    width: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    opacity: 1;
}
.clients-hypocero-section-home4 .clients-hypocero-image img {
    width: 100%;
    -webkit-box-shadow: 0px 8px 46px 0px rgb(3 15 39 / 13%);
    box-shadow: 0px 8px 46px 0px rgb(3 15 39 / 13%);
    border-radius: 10px;
}
.clients-hypocero-section-home4 .clients-hypocero-image .shape-2 {
    width: 310px;
    height: 335px;
    background-color: #f8faf4;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 10px;
    z-index: -1;
}
.our-cases-section-home4 {
    padding: 130px 0 0 0;
}
.our-cases-section-home4 .our-cases-wrapper {
    padding-top: 15px;
}
.our-cases-section-home4 .single-our-cases {
    border-radius: 10px;
    overflow: hidden;
    background-color: #ebf7f8;
    margin-top: 35px;
}
.our-cases-section-home4 .single-our-cases .our-cases-image {
    position: relative;
    overflow: hidden;
}
.our-cases-section-home4 .single-our-cases .our-cases-image img {
    width: 100%;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-cases-section-home4 .single-our-cases:hover .our-cases-image img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.our-cases-section-home4 .single-our-cases .our-cases-content {
    text-align: center;
    padding: 15px 0;
}
.our-cases-section-home4 .single-our-cases .our-cases-content .designation {
    color: #de2c0b;
    font-size: 18px;
    font-weight: 500;
    margin: 0 0 10px 0;
    line-height: normal;
    padding: 0;
    font-family: DM Sans Regular;
}
.our-cases-section-home4 .single-our-cases .our-cases-content .sub-designation {
    display: block;
    margin-top: 0px;
}
.our-cases-section-home4 .single-our-cases .our-cases-content .sub-designation a {
    display: block;
    font-weight: 400;
    font-size: 16px;
    color: #434343;
    letter-spacing: 2px;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.our-cases-section-home4 .our-cases-wrapper .nav-pills .nav-link {
    border-radius: 0px;
    border-top: 3px solid #ebf7f8;
    margin: 0 20px;
}
.our-cases-section-home4 .our-cases-wrapper .nav-link {
    display: block;
    padding: 15px 40px;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    border-radius: 0px;
}
.our-cases-section-home4 .our-cases-wrapper .nav {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    vertical-align: middle;
}
.our-cases-section-home4 .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #00c57c;
    border-top: 3px solid #00c57c;
}
.brand-logo-section-home4 {
    padding: 130px 0 0 0; 
}
.brand-logo-section-home4 .single-brand {
    text-align: center;
}
.brand-logo-section-home4 .single-brand img {
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0.27;
    cursor: pointer;
}
.brand-logo-section-home4 .single-brand:hover img {
    opacity: 1;
}
.blog-section-home4 {
    padding: 130px 0 0 0; 
} 
.blog-section-home4 .blog-wrapper {
    position: relative;
    z-index: 1;
}
.blog-section-home4 .blog-wrapper .shape {
    position: absolute;
    top: 45px;
    right: -35px;
    z-index: -2;
    opacity: 0.64;
}
.blog-section-home4 .blog-title-wrapper {
    margin-top: 50px;
}
.blog-section-home4 .blog-title-wrapper p {
    font-size: 17px;
    color: #434343;
    font-weight: 300;
    line-height: 24px;
    margin: 0;
    padding: 0;    
    font-family: DM Sans Regular;
}
.blog-section-home4 .blog-active .swiper-button-prev {
    margin-right: 10px;
}
.blog-section-home4 .blog-active .swiper-button-next, .blog-section-home4 .blog-active .swiper-button-prev {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ebf7f8;
    border-radius: 50%;
    margin-top: 25px;
    top: 0;
    outline: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    left: 0;
    display: inline-block;
    background-image: none;
    color: #404856;
}
.blog-section-home4 .blog-active .swiper-button-next::after, .blog-section-home4 .blog-active .swiper-button-prev::after {
    font-size: 14px;
    color: #1d3557;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-section-home4 .blog-active .swiper-button-next:hover, .blog-active .swiper-button-prev:hover {
    background-color: #c25251;
    color: #fff;
}
.blog-section-home4 .blog-active .swiper-button-next:hover::after, .blog-active .swiper-button-prev:hover::after {
    color: #fff;
}
.blog-section-home4 .blog-wrapper .swiper-container {
    padding-top: 20px;
}
.blog-section-home4 .single-blog {
    margin-top: 30px;
}
.blog-section-home4 .single-blog .blog-images a {
    display: block;
}
.blog-section-home4 .single-blog .blog-images a img {
    width: 100%;
}
.blog-section-home4 .single-blog .blog-content {
    padding-top: 17px;
}
.blog-section-home4 .single-blog .blog-content .blog-title {
    margin-bottom: 0;
}
.blog-section-home4 .single-blog .blog-content .blog-title a {
    font-weight: 500;
    font-size: 22px;
    color: #00c57c;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.blog-section-home4 .single-blog .blog-content p {
    font-size: 17px;
    color: #434343;
    font-weight: 300;
    line-height: 24px;
    margin: 15px 0 0 0;
    padding: 0;    
    font-family: DM Sans Regular;
}
.contactus-section-home4 {
    padding: 130px 0;
}
.contactus-section-home4 .contactus-details li {
    margin-bottom: 15px;
}
.contactus-section-home4 .contactus-details li strong {
    font-size: 20px;
    color: #434343;
    font-weight: 500;
    margin: 0;
    padding: 0;   
    display: block; 
}
.contactus-section-home4 .contactus-details li a {
    font-size: 18px;
    color: #434343;
    font-weight: 400;
    margin: 0;
    padding: 0;    
}
.contactus-section-home4 .contactus-content .form-wrapper {
    margin: 70px 0 0 0;
}
.contactus-section-home4 .contactus-content .single-form {
    margin: 0 0 10px 0;
}
.contactus-section-home4 .contactus-content .single-form input:not([type="checkbox"]):not([type="radio"]), .single-form textarea {
    width: 100%;
    height: 52px;
    padding: 0 25px;
    border: none;
    font-size: 16px;
    font-weight: 50;
    color: #434343;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    border-radius: 5px;
    background-color: #ebf7f8;
    outline: none;
    box-shadow: none;
    font-weight: 400;
}
.contactus-section-home4 .contactus-content .single-form textarea {
    padding-top: 10px;
    height: 250px;
    resize: none;
}
/*-- Home Page 4 End--*/
.loaderholder{width: 100vw; height: 100vh; display: flex; flex-wrap: wrap; align-items: center;justify-content: center;align-content: center; position: fixed;top: 0; left: 0; z-index: 9999999;background: #fff;overflow: hidden; }

.prortfolioMainPart {
    color: #404856;
    padding: 110px 0px 0px;
    position: relative;
}
.indx-aboutSliderBox a:hover {
    /* font-size: 16px; */
    color: #013fa6;
}
.serviceThreeMain.two {
    background: #013fa6;
}
.serviceThreeMain.one {
    background: #013fa6;
}
a.slide-btn {
    border: 1px solid #fff;
    padding: 10px 20px;
    background-image: #013fa6;
}
.forcuntentbox {
    background: #fff;
    padding: 20px 25px;
    border-radius: 2px;
    height: 240px;
	border-radius: 2px;
	border: 1px solid #eee;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 4%);
	transition: all 0.3s ease-in-out;
}

.forcuntentbox:hover {
	box-shadow: 1px 0px 15px 1px rgb(0 0 0 / 50%);
	transition: all 0.3s ease-in-out;
}
header.sticky-top {
    box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 25%);
}
.contactPageFormPart .media i {
    font-size: 36px;
    color: #013fa6;
}
.contactPageFormPart .media-body {
    font-size: 15px;
    padding-left: 16px;
    font-family: DM Sans Regular;
    color: #616161;
}
.contactPageFormPart .media .media-body h5 {
    font-size: 20px;
	font-family: manrope-regular;
    color: #000000;
    font-weight: bold;
}
h5.slide-title.text-white.pb-2 {
    line-height: 1.7;
}
.row.back-color {
    background: #fff;
	box-shadow: -1px -1px 22px 0 rgb(0 113 148 / 12%);
	border-radius: 2px;
}
a.btn.homepage4-common-btn.float-left {
    background: #013fa6;
}
.feature-info.feature-info-style-01 {
    height: 485px;
}
h5.feature-info-title:hover {
    background: #013fa6;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.feature-info.feature-info-style-01:hover {
    box-shadow: 1px 0px 15px 1px rgb(0 0 0 / 50%);
}
a:hover {
    color: #013fa6;
}
html {
    background: #fff;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
footer.footerMain {
    position: relative;
    bottom: 0;
    width: 100%;
	z-index: 99;
}
h5.slide-title.text-white.pb-2 {
    font-size: 14px;
}
h3.slide-title.text-white.pb-2 {
    font-size: 22px;
	padding-top: 10px !important;
    padding-bottom: 15px !important;
}
.title-style-1-title-right-pattrn {
    padding-left: 0;
    font-size: 36px;
    line-height: 50px;
}