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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BlackItalic.eot');
    src: url('../fonts/Roboto-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BlackItalic.woff') format('woff'),
        url('../fonts/Roboto-BlackItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic') format('svg');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-BoldItalic.eot');
    src: url('../fonts/Roboto-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
        url('../fonts/Roboto-BoldItalic.woff') format('woff'),
        url('../fonts/Roboto-BoldItalic.ttf') format('truetype'),
        url('../fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-LightItalic.eot');
    src: url('../fonts/Roboto-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
        url('../fonts/Roboto-LightItalic.woff') format('woff'),
        url('../fonts/Roboto-LightItalic.ttf') format('truetype'),
        url('../fonts/Roboto-LightItalic.svg#Roboto-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-MediumItalic.eot');
    src: url('../fonts/Roboto-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
        url('../fonts/Roboto-MediumItalic.woff') format('woff'),
        url('../fonts/Roboto-MediumItalic.ttf') format('truetype'),
        url('../fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-ThinItalic.eot');
    src: url('../fonts/Roboto-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
        url('../fonts/Roboto-ThinItalic.woff') format('woff'),
        url('../fonts/Roboto-ThinItalic.ttf') format('truetype'),
        url('../fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic') format('svg');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

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

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

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

@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-Italic_1.eot');
    src: url('../fonts/Lora-Italic_1.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lora-Italic_1.woff2') format('woff2'),
        url('../fonts/Lora-Italic_1.woff') format('woff'),
        url('../fonts/Lora-Italic_1.ttf') format('truetype'),
        url('../fonts/Lora-Italic_1.svg#Lora-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-BoldItalic.eot');
    src: url('../fonts/Lora-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lora-BoldItalic.woff2') format('woff2'),
        url('../fonts/Lora-BoldItalic.woff') format('woff'),
        url('../fonts/Lora-BoldItalic.ttf') format('truetype'),
        url('../fonts/Lora-BoldItalic.svg#Lora-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

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

@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-SemiBoldItalic.eot');
    src: url('../fonts/Lora-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lora-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Lora-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Lora-SemiBoldItalic.ttf') format('truetype'),
        url('../fonts/Lora-SemiBoldItalic.svg#Lora-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-MediumItalic.eot');
    src: url('../fonts/Lora-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Lora-MediumItalic.woff2') format('woff2'),
        url('../fonts/Lora-MediumItalic.woff') format('woff'),
        url('../fonts/Lora-MediumItalic.ttf') format('truetype'),
        url('../fonts/Lora-MediumItalic.svg#Lora-MediumItalic') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}



/***********loader**************/
.container-preloader {align-items:center;display:flex; height:100%;justify-content:center; position:fixed; left:0; top:0; width:100%; z-index:900;}
.container-preloader .animation-preloader {position:absolute; z-index: 100;}
.container-preloader .animation-preloader .spinner { animation: spinner 1s infinite linear;border-radius: 50%;  border: 10px solid #202020;
  border-top-color: #FD7702;  height: 9em;  margin: 0 auto 3.5em auto; width: 9em;}
.container-preloader .loader-section {background-color: #ffffff;  height: 100%;position: fixed;  top: 0;  width: calc(50% + 1px);}
.container-preloader .loader-section.section-left {left: 0;}
.container-preloader .loader-section.section-right {right: 0;}
.loaded .animation-preloader { opacity: 0; transition: 0.3s ease-out;}
.loaded .loader-section.section-left {transform: translateX(-101%); transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);}
.loaded .loader-section.section-right { transform: translateX(101%); transition: 0.7s 0.3s all cubic-bezier(0.1, 0.1, 0.1, 1.000);}
@keyframes spinner {
to {
	transform: rotateZ(360deg);
}}
/* Animation of letters loading from the preloader */
@keyframes characters {
  0%,
  75%,
  100% {
 opacity: 0;
 transform: rotateY(-90deg);
  }
  25%,
  50% {
    opacity: 1;
    transform: rotateY(0deg);
  }}
/*******global-style**********/
body {
    position: relative;
    overflow-x: hidden;
    font-family: 'Roboto';
}
p{
    font-family: 'Lora';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
color: #777777;
}

body h1{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 45px;
    line-height: 53px;
     color: #FD7702;
}
.hero-sub-title {
    color: #fff;
}
body h2{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 42px;
    color:#FD7702;
 }
body h3{
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    color: #002347;
}
body h4{
font-family: 'Poppins';
font-style: normal;
font-weight: 700;
font-size: 20px;
line-height: 36px;
color: #161616;
}

body h5{
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #191825;
    
}

/***************Header-css****************/
 .container {max-width: 1240px !important;width: 100% !important; padding: 0 20px;margin: 0 auto;}
nav.navbar.navbar-expand-lg { position: relative;padding: 28px 0 0 0;}
a.nav-link:before {width: 5px; height: 5px;content: "";background: #FD7702;position: absolute;border-radius: 45px;bottom: -11px;left: 0;
    right: 0;margin: 0 auto; display: none;}
a.nav-link.active:before {width: 5px;height: 5px;content: ""; background: #FD7702;
    position: absolute;border-radius: 45px; bottom: -11px; left: 0;right: 0; margin: 0 auto; display: block;}
a.nav-link:hover:before{display: block;}
a.nav-link.active{color: #FD7702;}
.nav-link:focus, .nav-link:hover {color: #FD7702 !important;}
.navbar-expand-lg .navbar-collapse {justify-content: space-between;}
ul.navbar-nav {padding-left:0px;padding-right: 0px;margin: 0px 0 0 56px;}
header {position: relative;z-index: 9;}
a.nav-link {font-family: 'Roboto'; font-style: normal; font-weight: 600;font-size: 16px;line-height: 19px; text-transform: uppercase;color: #FFFFFF;padding:0 19.5px !important ;}
a.nav-link:hover{color: #FD7702;}
a.nav-link:hover:before {opacity: 1;}   
.dropdown-toggle::after {font-family: 'FontAwesome' !important;content: "\f078" !important;border: none !important;margin-left: 8px !important;vertical-align: 2px !important;}
#troo-da-header:after {position: absolute; width: 100%;height: 1px;left: 0px;top: 50px; background: #FFFFFF;opacity: 0.1;
    transform: matrix(1, 0, 0, -1, 0, 0);content: "";}
.nav-link {position: relative;}
a.navbar-brand {margin-right: 0 !important;padding: 0;}
.get-col .active { background: #FD7702; color: #fff;}
.addres-deatls {display: flex;    padding-top: 16px;padding-bottom: 16px;}
.add-bx  a{text-decoration: none;}
.icon-bx { margin-right: 7px;}   
.socail-con {display: flex;justify-content: flex-end;align-items: center;padding-top: 16px;padding-bottom: 16px;}
.socal-icon li {display: inline-block;padding: 0 3.5px;}
.socal-icon ul {padding: 0;margin: 0;}
.soca-title { margin-right: 8px;}
.add-bx {padding-right: 49px;}
.get-col a {display: inline-block;transition: 0.5s;border: 1px solid #FD7702; border-radius: 100px 0px 147px 100px; font-family: 'Roboto';font-style: normal; font-weight: 600; font-size: 16px;
    line-height: 19px; text-transform: uppercase;color: #FD7702;padding: 15px 25px;text-decoration: none;}
.get-col a:hover { background: #FD7702; color: #fff;}
.add-bx a span {margin-left: 12px;font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 16px;line-height: 19px; color: #FFFFFF;}
.add-bx a {color: #fff;}
.add-bx a:hover {color: #FD7702;}
.add-bx a:hover span {color: #FD7702;}
.socal-icon i { width: 25px;height: 25px; border: 1px solid #fff; border-radius: 45px; color: #fff; text-align: center;font-size: 12px;line-height: 24px;}
.socal-icon span {margin-right: 29px;margin-left: 9px;font-family: 'Roboto';font-style: normal;font-weight: 500;font-size: 14px;line-height: 16px;color: #FFFFFF;}
.socal-icon ul li:last-child span {margin-right: 0;}
.socal-icon  a{text-decoration: none;}
.socal-icon  a:hover i{color: #FD7702; border: 1px solid#FD7702;}
.socal-icon  a:hover span{color: #FD7702;}
a.dropdown-item { padding: 11px 12px; font-family: 'Roboto'; font-style: normal; font-weight: 600; font-size: 16px; line-height: 19px;
    text-transform: capitalize; color: #002347;}
.navbar-expand-lg .navbar-nav .dropdown-menu {position: absolute; min-width: 15rem;}
.dropdown-item:focus, .dropdown-item:hover { background: #FEF4EB !important;color: #FD7702 !important;}
/******************hero-section****************/

#troo-da-hero-section:after {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: #002347;opacity: 0.9;content: "";}
#troo-da-hero-section {background-image: url(../images/bg.jpg);padding-top: 244px;margin-top: -144px;background-position: center top;padding-bottom: 204px;
    background-repeat: no-repeat; background-size: cover;    position: relative;}

.text-col h1 { position: relative;z-index: 1;}
.text-col p {margin-top: 28px;margin-bottom: 34px;position: relative;z-index: 1;color: #ffff;}
.cricle-one {position: absolute; z-index: 9; top: 0; left: 0px;}
.vert-move img {width: 100%;}
.vert-move {z-index: 1;position: relative;-webkit-animation: mover 1s infinite  alternate;animation: mover 1s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.text-col .up {
    float: left;
}
.up {-webkit-animation: uparrow 0.6s infinite alternate ease-in-out;margin-right: 8px;position: relative;z-index: 1;}
@-webkit-keyframes uparrow {
    0% { -webkit-transform: translateX(0); opacity: 0.4 }
    100% { -webkit-transform: translateX(-0.4em); opacity: 0.9 }
  }
.text {font-family: 'Roboto';font-style: normal;font-weight: 700; font-size: 20px;line-height: 23px;color: #FFFFFF;position: relative;
    z-index: 1;}
.text-col h1 {margin-top: 35px;}  
img.arr-img { position: absolute; top: 16%;right: 42%; z-index: 1;}
.get-col a { position: relative;z-index: 1;float: left;margin-right: 38px;}
 .get-col a:hover{ background: #FD7702; box-shadow: 0px 7px 29px rgb(253 119 2 / 32%);color: #fff;}
button.vide-btn  img{background: transparent;border: 1px solid #fff;border-radius: 53%;padding: 12px;margin-right: 20px;}
button.vide-btn { position: relative;z-index: 1;background: transparent !important;border: none; font-family: 'Roboto';font-style: normal; font-weight: 400;font-size: 16px;
    line-height: 19px;color: #FFFFFF;}
.modal-dialog video { width: 100%;margin: 0 auto;}
/**********logo-section*********/
.img-ss img {display: block; margin: 0 auto;}
.brand-logo .row { align-items: center;}
.img-ss img {width: 100%;}
.brand-logo .img-ss {cursor: pointer;}
.brand-logo {background: #FFFFFF; box-shadow: 0px 7px 29px rgb(100 100 111 / 20%);border-radius: 8px;z-index: 99;
    position: relative;top: -63px;padding: 36px 42px 36px 42px;}
.brand-logo img { -webkit-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
.img-ss:hover img{ -webkit-transform: scale3d(1.2, 1.2, 1); transform: scale3d(1.2, 1.2, 1);-webkit-filter: grayscale(100%);
            filter: grayscale(100%); -webkit-transition: .3s ease-in-out;transition: .3s ease-in-out; }
  /***************about-section********************/
#troo-da-about-section {padding: 100px 0;    position: relative;}
  .text-sub{font-family: 'Roboto';font-style: normal; font-weight: 700;font-size: 20px;line-height: 23px; color: #002347;}
  .title span{color: #002347;}
  .about-text .sub-title {text-align: left;}
  .title {margin-top: 20px; margin-bottom: 23px;}
  .about-text ul li span { font-family: 'Lora';font-style: normal;font-weight: 400;font-size: 16px; line-height: 20px;color: #777777; padding-left: 20px;}
.about-text ul li {list-style: none; display: flex;  align-items: center;padding-bottom: 16px;}
.about-text p {margin-bottom: 30px;}
.clinet-ss {display: flex;align-items: center;}
.cl-tx strong {font-family: 'Roboto';font-style: normal;font-weight: 700; font-size: 16px; line-height: 19px;color: #002347;display: block;}
.cl-tx span{font-family: 'Lora';font-style: normal;font-weight: 400;font-size: 14px;line-height: 18px;color: #777777;}
.cl-img img {border: 2px solid #FD7702; border-radius: 45px;}
.cl-img { margin-right: 23px;}
.about-text ul { margin-bottom: 37px;}
#arrowAnim {display: flex;justify-content: center; align-items: center; position: absolute; transform: rotate(117deg);left: 174px;}
 .arrow { width: 15px;height:15px; border: 12px solid;border-color: rgb(253 119 2 / 30%) transparent transparent rgb(253 119 2 / 30%);
    transform: rotate(-45deg);}
.arrowSliding { position: absolute; -webkit-animation: slide 4s linear infinite;  animation: slide 4s linear infinite;}
.delay1 { -webkit-animation-delay: 1s; animation-delay: 1s;}
.delay2 { -webkit-animation-delay: 2s; animation-delay: 2s;}
 .delay3 {-webkit-animation-delay: 3s; animation-delay: 3s;}
  
  @-webkit-keyframes slide {
      0% { opacity:0; transform: translateX(15px); }	
     20% { opacity:1; transform: translateX(9px); }	
     80% { opacity:1; transform: translateX(-9px); }	
    100% { opacity:0; transform: translateX(-15px); }	
  }
  @keyframes slide {
      0% { opacity:0; transform: translateX(15px); }	
     20% { opacity:1; transform: translateX(9px); }	
     80% { opacity:1; transform: translateX(-9px); }	
    100% { opacity:0; transform: translateX(-15px); }	
  }
  @keyframes moving {
      100% {
        transform: rotate(-360deg);
      }
  }
  
.mercury {z-index: 10;width: 27px;height:27px; background-color: transparent; position: absolute; top: 0;left: -84px;
    border-radius: 50%; animation: moving 9s infinite linear;transform-origin: 0;border: 6px solid rgb(253 119 2 / 30%);}
  
.orbit-mercury {width: 40px; height: 40px; border: 3px solid rgb(0 35 71 / 30%); border-radius: 50%;position: absolute;
    top: 50%;left: -68px;transform: translate(-50%, -50%);z-index:1;}
.galaxy { position: absolute; right: 0;}
.sub-title {text-align: center;}

/***************services*****************/
#troo-da-services-section {background: #FFFAF5;padding-top: 93px;padding-bottom: 100px;}
.services-colum span:after {position: absolute;width: 50px;height: 1px; right: -62px;
    top: 14px; background: #002347; content: "";}
.services-colum span { font-family: 'Roboto'; font-style: normal;font-weight: 700;font-size: 24px;
    line-height: 28px; text-align: center; color: #002347;float: left; position: relative; margin-right: 70px;transition: 0.5s;}
.services-colum p {margin-top: 34px; margin-bottom: 40px;}
.services-colum {background: #FFFFFF;border-radius: 8px;float: left;width: 100%;padding: 48px 24px 39px 34px;cursor: pointer;margin-bottom: 30px;
}
.services-colum .get-col a {border: 1px solid #002347; color: #002347;}
.services-colum:hover .get-col a{border: 1px solid #FD7702;color: #fff;background: #FD7702;
box-shadow: 0px 7px 29px rgba(253, 119, 2, 0.32);}
.services-colum:hover{background: #FFFFFF;box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);border-radius: 8px;}
.services-colum:hover span{ color: #FD7702;}
.services-colum:hover span:after{background: #FD7702; }
.services-colum:hover h3{ color: #FD7702;    transition: 0.5s;}
.get-col.service-btn a {text-align: center;display: inline-block; margin: 0 auto;
    float: none; background: #FD7702;box-shadow: 0px 7px 29px rgba(253, 119, 2, 0.32);color: #fff;}
.get-col.service-btn { text-align: center;    padding-top: 50px;}
.get-col.service-btn a:hover{border: 1px solid #002347;
    color: #002347;background-color: transparent;box-shadow: none; }   
/******counter************/
#troo-da-counter-section{background-image: url(../images/counter-bg.png);background-repeat: no-repeat;background-position: center;background-size:cover ;
position: relative; z-index: 9;padding-top: 100px;padding-bottom: 100px;}
#troo-da-counter-section:after{position:absolute;width: 100%;height:100%;left: 0px;top: 0px;background: #002347;opacity: 0.9;content: ""; z-index: -9;}
#troo-da-counter-section .sub-title .text-sub {color: #fff;}
#troo-da-counter-section .sub-title span {color: #fff;}
#troo-da-counter-section .sub-title  img.up {filter: brightness(0) invert(1);}
.counter-box{background: #FFFFFF;box-shadow: 0px 7px 29px rgba(253, 119, 2, 0.29);border-radius: 8px;padding: 37px 29px;margin-top: 50px;
    display: flex;cursor: pointer;}
.con-text span.counter {font-family: 'Roboto'; font-style: normal;font-weight: 700;font-size: 36px; line-height: 42px; text-align: center;
    color: #002347; transition: 0.5s;}
.con-text strong {font-family: 'Roboto';font-style: normal;font-weight: 700; font-size: 36px; line-height: 42px;text-align: center;
    color: #002347;transition: 0.5s;}
.con-text p {font-family: 'Lora'; font-style: normal;font-weight: 400;font-size: 20px;line-height: 26px;color: #777777;}
.img-conter {margin-right:16px;}
img.hover-img {display: none;}
.counter-box:hover img.hover-img {display: block; transition: 0.5s;}
.counter-box:hover img.normal-img{display: none;}
.counter-box:hover span{color: #FD7702;}
.counter-box:hover strong{color: #FD7702;}
/************case-studies***************/
#troo-da-case-studies-section { padding-top: 96px;padding-bottom: 81px;}
#troo-da-case-studies-section .sub-title {text-align: left;    margin-bottom: 49px;}
.case-text {margin-left: -44px;}
.case-btn .get-col a {border: 1px solid #002347;color: #002347;    float: none;}
.case-btn .get-col a:hover {border: 1px solid #FD7702;color: #fff;}
.team-deatils {max-width: 302px;width: 100%;padding-top: 0px;height: 98px !important;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;transition: all 0.2s linear;position: absolute;background-color: #fff; font-size: 15px;
    line-height: 18px; text-align: center;top:-98px;left: 0px; margin: 300px auto 0 auto;right:0;padding: 19px 31px 0 31px !important;opacity: 0;z-index: 99;border-radius: 5px;}
.project-colum:hover:after {display: block;}
.project-colum{ position:relative;margin-bottom: 30px;cursor: pointer;}
.project-colum:after {position: absolute;background: #002347; opacity: 0.8; box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2);
    border-radius: 8px; content: ""; top: 0;width: 100%;left: 0; right: 0; margin: 0 auto;height: 100%;display: none;}
.project-colum img { width: 100%; border-radius: 8px;}
.project-colum:hover .team-deatils {margin-top: 280px;height: 111px;padding-top: 10px; opacity: 1;}
.team-deatils span {font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 20px;line-height: 23px; text-align: center; color: #FD7702;}
.team-deatils p{font-family: 'Lora';font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;text-align: center;color: #777777;margin-bottom: 9px;}
.project-colum.mobile-hd {margin-top: -90px;}
.project-colum.work-hd {margin-top: -30px;}
/************************expert*********************************/

#troo-da-expert-section {background: #FFFAF5;padding-top: 93px;padding-bottom: 100px;    position: relative;
    z-index: 9;}
.team-member .picture {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;
    position: relative;margin: 0 auto;}
.team-member:hover{background: #FFFFFF;box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2);border-radius: 8px; -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.team-member .picture:hover .mask {-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
 opacity: 1;}
.team-member .picture:hover .mask .team-member-icons {-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;
    -moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1); transform: scale(1);}
 .team-member strong { font-family: 'Roboto'; font-style: normal; font-weight: 700;font-size: 20px;line-height: 23px;text-align: center;
    color: #002347;display: block; margin-bottom: 8px; margin-top: 21px}
.team-member span {font-family: 'Lora';font-style: normal;font-weight: 400;font-size: 16px;line-height: 20px;text-align: center;display: block;
 color: #777777;margin-bottom: 21px;}
.team-member { text-align: center;background: #FFFFFF; border-radius: 8px; cursor: pointer;padding-top: 18px;}
.team-member-icons ul li {list-style: none;}
.team-member .picture .mask { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;transition: all 0.8s ease-in-out;opacity: 0; position: absolute;  top: 0; border-radius: 50%; width: 100%;
    height: 100%;}
.team-member .picture .mask .team-member-icons {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; -moz-transform: scale(0);-o-transform: scale(0);
    -ms-transform: scale(0);-webkit-transform: scale(0); transform: scale(0); display: table;
    margin: 90px auto;  position: absolute;right:15px;}
.team-member .picture .mask .team-member-icons a { float: left;padding-bottom: 5px; padding-top: 5px;}
.team-member .picture .mask .team-member-icons a i {color: #002347;font-size: 15px !important;background-color: #fff; width: 25px;
    height: 25px; border-radius: 50%; line-height: 26px;}
.team-member:hover strong{color:#FD7702 ;}
.team-member a:hover i{background-color:#FD7702 !important ;color:#fff !important;}
#troo-da-expert-section .case-btn {text-align: center;margin-top: 50px;}
.spinner-wrap {position: absolute;width: 100% ;height: 414px; top: 50%; display: block; margin: 0 auto; left: 0; right: 0; z-index: -9;}
.spinner-item {border: 1px solid #FD7702;border-radius: 50%;height: 697px;
    width: 697px;position: absolute;left: 50%; top: 8%;
    transform: translate(-50%, -50%);opacity: 0;animation: zoom 2s linear 0.75s infinite;}
.spinner-item--2{animation-delay: 1.25s;}
 .spinner-item--3{animation-delay: 1.75s;}
@keyframes zoom {
    0% {
        transform: translate(-50%, -50%) scale(0.2);
        opacity: 0;
    }
    50% {
        opacity: 0.9;
    }
    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}
.zoom-in-zoom-out {animation: zoom-in-zoom-out 2s ease-out infinite;position: absolute;left:5%;z-index: 9;top: 49px;}
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }
#troo-da-expert-section .vert-move img {
    width: auto;
    position: absolute;
    bottom: 0;
    left: 69px;
}
#troo-da-expert-section .vert-move {z-index: 1;position: relative;-webkit-animation: mover 2s infinite  alternate;animation: mover 2s infinite  alternate;}
@-webkit-keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}
@keyframes mover {
    0% { transform: translateX(0); }
    100% { transform: translateX(-10px); }
}

/**********************testimonial**********/
#troo-da-testimonial-section{background-image: url(../images/BG.png);padding-top: 100px;background-repeat: no-repeat; background-size: cover;background-position: center;padding-bottom:173px;}
#troo-da-testimonial-section .text-sub {color: #fff;}
#troo-da-testimonial-section .title span{color: #fff;}
#troo-da-testimonial-section .sub-title img.up { filter: brightness(0) invert(1);}
.test-client {background: #FFFFFF; padding: 25px 38px 27px 38px;cursor: pointer;}
.test-client:hover {background: #FFFFFF; box-shadow: 0px 7px 29px rgb(100 100 111 / 20%);border-radius: 8px;}
.client-deatils {display: flex;}
.client-con strong {transition: 0.5s;padding-bottom: 5px;font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 20px; line-height: 23px;color: #002347; display: block;}
.client-con span {padding-bottom: 7px;font-family: 'Lora';font-style: normal;font-weight: 400;font-size: 16px; line-height: 20px; color: #002347; display: block;}
.client-img img {border-radius: 8px;}
.client-img { transition: 0.5s ;background: #002347; box-shadow: 0px 4px 8px -4px rgb(22 34 51 / 8%), 0px 16px 24px rgb(22 34 51 / 8%);
    border-radius: 8px; padding: 3px;margin-right: 13px;}
.test-client p {border-top: 1px solid rgba(253, 119, 2, 0.2);margin-top: 29px; padding-top: 25px;}
.client-con i {font-size: 20px; padding-right: 5px;transition: 0.5s}
.test-client:hover .client-img{ background: #FD7702;}
.test-client:hover .client-con strong{color:#FD7702 ;}
.test-client:hover i{color:#FD7702  }
section.testimonial-sub {margin-top: -136px;padding-bottom: 90px;}
/******************************faq*******************************************/
#troo-da-faqs-section .sub-title {text-align: left;}
#troo-da-faqs-section .case-text {padding-left: 96px;}
#troo-da-faqs-section .case-btn {float: right;}
#troo-da-faqs-section { position: relative;}
.pot { z-index: -9;top: -9%;position: absolute;-webkit-animation: linear infinite;-webkit-animation-name:run; -webkit-animation-duration:10s; }
  @-webkit-keyframes run {
    0% {
      left: 0;
    }
    50% {
      left: 5%;
    }
    100% {
      left: 0;    
    }
  }
#troo-da-faqs-section .zoom-in-zoom-out { right: 43%; left: inherit;top: 23%;}  
#troo-da-faqs-section .vert-move img {width: 100%;max-width: 479px; float: right;    padding-top: 50px;}
section#troo-da-faqs-section .vid-fig{bottom: 0px; right:15%;position: absolute;z-index: 9;-webkit-animation: action 1s infinite alternate;animation: action 1s infinite alternate;}
@-webkit-keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}

@keyframes action {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
button.accordion-button { background: #FFFFFF !important;
    border-radius: 8px !important; border: none; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px; color: #002347 !important;}
.accordion-button:focus { border-color: transparent !important;outline: 0;box-shadow: none !important;}
.accordion-button:not(.collapsed) { box-shadow: none !important;font-family: 'Roboto'; font-style: normal;
    font-weight: 700; font-size: 16px; line-height: 19px; color: #FD7702 !important;margin-bottom: 0;}
.accordion-item {border: none !important;background: #FFFFFF;box-shadow: 0px 8px 24px rgba(149, 157, 165, 0.2);border-radius: 8px;margin-bottom: 30px;}
.accordion-body {font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px;
    color: #777777;  margin-bottom: 30px;  border-top: 1px solid #E8F3FF; box-shadow: 0px 2px 7px rgb(100 100 111 / 5%); padding: 15px 0 15px 0!important;  margin: 0 20px;
}
div#accordionExample .accordion-header .accordion-button::after {flex-shrink: 0 !important;width: 25px !important; height: 25px !important;
    margin-left: auto !important;content: "" !important;background-image: url(../images/acc-top.png) !important;background-repeat: no-repeat !important;
    background-size: 47% !important; transition: transform .2s ease-in-out !important;
    background-position: 53% 54% !important;transition: transform .2s ease-in-out !important; background-color: #002347 !important; box-shadow: 0px 8px 24px rgb(149 157 165 / 20%) !important;  border-radius: 8px !important;}
div#accordionExample .accordion-header .accordion-button:not(.collapsed)::after{flex-shrink: 0 !important; width: 25px !important;height: 25px !important;
    margin-left: auto !important; content: "" !important; background-image: url(../images/acc-bottom.png) !important; background-repeat: no-repeat !important;
    background-size: 47% !important;transition: transform .2s ease-in-out !important; background-position: 53% 54% !important; transition: transform .2s ease-in-out !important;
    background-color: #FD7702 !important; box-shadow: 0px 8px 24px rgb(149 157 165 / 20%) !important;  border-radius: 8px !important;}
    div#accordionExample { padding-top: 50px;}
/*******************blog*****************/
section#troo-da-blogs-section {background: #FFFAF5;padding-top: 100px; margin-top: 100px; padding-bottom: 100px;}
.blog-img img {border-radius:50% !important;transition: 0.5s; width: auto !important; background: #FFFFFF; border: 2px solid #002347; box-shadow: 0px 7px 29px rgb(100 100 111 / 20%); border-radius: 27px;}
.blog-client { display: flex;justify-content: space-between; align-items: center;}
.blog-con span {font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px;   color: #002347;
    background: #E8F3FF; border-radius: 5px;  padding: 7px 17px;}
.blog-img strong { font-family: 'Roboto';  font-style: normal; font-weight: 700;  font-size: 16px; line-height: 19px; color: #002347;margin-left: 11px;}
.blog-text { padding: 25px 20px 30px 30px;background: #fff;transition: 0.5s;}
.blog-text h3 { margin-bottom: 48px;transition: 0.5s}
.blog-content {cursor: pointer;}
.bl-img {position: relative;}
.date-ss { width: 70px;height: 70px;right: 0;background: #002347; box-shadow: 0px 7px 29px rgb(100 100 111 / 20%);
    border-radius: 8px 8px 0px 0px; color: #fff; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 16px;
    line-height: 19px;text-align: center; color: #FFFFFF;  position: absolute; bottom: 0;    padding: 16px 9px;transition: 0.5s;}
 .blog-content:hover .date-ss{background-color: #FD7702;}    
.blog-content img {width: 100%;border-radius: 8px 8px 0px 0px;}
.blog-content:hover .blog-text{background: #FFFFFF;box-shadow: 0px 7px 29px rgba(100, 100, 111, 0.2);border-radius: 0px 0px 8px 8px;}
.blog-content:hover .blog-text h3{color: #FD7702;}
.blog-content:hover .blog-img img{border: 2px solid #FD7702; }
#troo-da-blogs-section .sub-title {margin-bottom: 48px;}
#troo-da-blogs-section .case-btn { text-align: center;    margin-top: 50px;}
#troo-da-blogs-section .case-btn .get-col a {float: none;}
section#troo-da-form-section .sub-title { text-align: left;}
/***************************form-sec***********/
section#troo-da-form-section {position: relative;padding-top: 50px;    padding-bottom: 50px;}
.ineer1 {position: absolute;animation-name: example1;animation-duration: 2s; animation-iteration-count: infinite; bottom: 0; margin-left: 0;
    z-index: 3;left: 0;}
@keyframes example1 {
    0%   {left:0px;}
    50%  {left:20px;}
    100%  {left:0px;}  
    
}
.car-line { position: absolute; right: 15%; top: 45%;}
#troo-da-form-section .zoom-in-zoom-out {top: inherit;bottom: 87px;}
#troo-da-form-section .mercury { width: 13px; height: 13px; border: 13px solid rgb(0 35 71 / 30%); border-radius: 50%; position: absolute;
    top: 50%; left: -68px; z-index: 9999; animation: moving 9s infinite linear; transform-origin: 0;}
#troo-da-form-section .orbit-mercury  { z-index: 10;   width: 22px; height: 22px; background-color: transparent;
    position: absolute; top: 0; left: -84px; border-radius: 50%;  border: 22px solid rgb(253 119 2 / 30%);}
 #troo-da-form-section  .galaxy { position: absolute; left: 32%; top: 94px; }
 .form-section {background: #FFFFFF;box-shadow: 0px 4px 15px rgb(100 100 111 / 10%); border-radius: 8px;padding: 60px 30px;}
#troo-da-form-section .row{align-items: center;}
.form-section input {background: #E8F3FF; border-radius: 30px; height: 60px;font-family: 'Roboto';font-style: normal;font-weight: 400;
    font-size: 16px;line-height: 19px;color: #777777;  border: none;padding-left: 20px;margin-bottom: 30px;border-radius: 30px 0px 30px 30px;}
 .form-control:focus {  color: #212529 !important; background: #E8F3FF !important; border-color: transparent !important; outline: 0 !important;
        box-shadow: none !important;}   
.form-section textarea {border-radius: 30px 0px 30px 30px; outline: none; height: 145px; background: #E8F3FF;
    border: none; padding-top: 21px;padding-left: 20px;  font-family: 'Roboto';   font-style: normal;font-weight: 400;
    font-size: 16px;line-height: 19px;color: #777777;width: 100%;}
button.btn.btn-primary {transition: 0.5s;border: 1px solid #FD7702;border-radius: 100px 0px 147px 100px; font-family: 'Roboto';
        font-style: normal; font-weight: 600;font-size: 16px; line-height: 19px;text-transform: uppercase;color: #FD7702;  padding: 15px 25px;
        text-decoration: none; background: #FD7702; color: #fff; text-align: center;display: block;
        margin: 29px auto 0 auto;    width: 100%;}               
 .btn-check:focus+.btn-primary, .btn-primary:focus{box-shadow: none !important;}       
 button.btn.btn-primary:hover{ border: 1px solid #002347 ; background-color:transparent; color: #002347 ;} 

/**About-page*********************************************/
#troo-da-sub-hero-section{background-image: url(../images/bg.jpg);padding-top: 244px;margin-top: -144px;background-position: center top;padding-bottom: 149px;
    background-repeat: no-repeat; background-size: cover;    position: relative;}
 #troo-da-sub-hero-section:after {position: absolute;width: 100%;height: 100%;left: 0px;top: 0px;background: #002347;opacity: 0.9;content: "";}
.about-page #troo-da-hero-section { padding-top: 269px;padding-bottom: 163px;}

.sub-page-title h2 {color: #fff;margin-bottom: 15px;}
.sub-page-title {position: relative;z-index:1; text-align: center;}
.breadcrumb {justify-content: center;}
ul.breadcrumb li a { font-family: 'Roboto';font-style: normal;font-weight: 400;font-size: 16px;
    line-height: 19px; color: #FFFFFF;  text-decoration: none;padding: 0 15px;position: relative;}
ul.breadcrumb li a:after {background: #fff; width: 15px; height: 2px;  content: ""; position: absolute; right: -7px; top: 9px;}
 ul.breadcrumb li:last-child a:after {  display: none;}
 ul.breadcrumb { position: relative;}
 .sub-about-pa ul { padding: 0;}
.sub-about-pa ul li {display: block;}
.sub-about-pa ul li span {font-family: 'Lora'; font-style: normal; font-weight: 400;font-size: 16px;
    line-height: 20px; color: #777777;padding-left:21px; display: block; margin-top: 13px;margin-bottom: 17px;}
.sub-about-pa ul li strong:before { background: #FD7702; width: 12px;  height: 12px;
        content: ""; position: absolute;  border-radius: 45px; top: 3px; left: -4px;}
.sub-about-pa ul li strong { font-family: 'Roboto';  font-style: normal;  font-weight: 700;
        font-size: 16px; line-height: 19px;  color: #002347; position: relative; padding-left: 18px;}
.about-page .vert-move.trabg-img img {width: auto;}
.about-page .vert-move.trabg-img { top: -308px; }
.about-page .vid-fig {bottom: 15%; left: 45%; position: absolute;
    z-index: 9; -webkit-animation: action 1s infinite alternate;animation: action 1s infinite alternate;}
.about-page  .galaxy { position: absolute;left: 15%;}
.about-page .mercury {z-index: 10;width: 14px;   height: 14px; background-color: rgb(253 119 2 / 30%);  position: absolute;
    top: 0; left: -84px; border-radius: 50%; animation: moving 9s infinite linear;transform-origin: 0;border:0px solid rgb(253 119 2 / 30%) ;}
section#troo-da-about-section .vert-move img {width: auto;}
.about-page .vert-move.ab-ss {right: 0;position: absolute;}
.about-page #troo-da-about-section {padding: 100px 0 0px 0;}
.about-page #troo-da-expert-section { background: #fff;}
.about-page .team-member { background: #EFF7FF;  border-radius: 8px 8px 0px 0px;}
.team-text {background: #fff; padding: 1px 0;  border-radius: 0px 0px 8px 8px;}
.about-page .team-member .picture .mask .team-member-icons a i{background-color: transparent;}

/************************consulting-services-pages**********************/
.consulting-services-pages #troo-da-hero-section { padding-top: 269px;padding-bottom: 163px;}
.consulting-services-pages section#troo-da-services-section .sub-title { text-align: left;}
.ser-tt:after { position: absolute; width: 145px; height: 145px; right: 22%;  top: -10px;  background: #FD7702;
    opacity: 0.1; content: ""; border-radius: 101px;}
.ser-tt { position: relative; padding-right: 132px;padding-top: 45px;}
.consulting-services-pages #troo-da-hero-section ul.breadcrumb:after{right: 13px;}
.consulting-services-pages #troo-da-services-section{background-color: #fff;}
/**************consulting-services-pages-two*********************/
.consulting-services-pages-two .service-col {background:#fff;box-shadow: 0px 7px 10px rgb(0 0 0 / 5%); border-radius: 5px;
    padding: 20px 20px 0 20px;  margin-bottom: 30px;}
.consulting-services-pages-two .services-colum { margin-bottom: 0; border: 0; background: transparent;padding: 77px 47px;}
.consulting-services-pages-two .services-colum:hover { background: transparent;box-shadow:none; border-radius: 0px;}
.consulting-services-pages-two .service-col .col-md-6 { padding: 0;}
.consulting-services-pages-two  #troo-da-services-section .sub-title{text-align: left;}
.consulting-services-pages-two  #troo-da-services-section{background-color: #fff;}
.consulting-services-pages-two .service-img img {width: 100%;border-radius: 8px; padding: 20px;}
.consulting-services-pages-two .services-colum .get-col a {border: 1px solid #002347; color: #FFF;background-color: #002347;}
.consulting-services-pages-two .services-colum:hover  .get-col a{ border: 1px solid #FD7702; color: #FFF; background-color: #FD7702;}
/************consulting-services-pages-details**************************/
.consulting-services-pages-details #troo-da-services-section .sub-title { text-align:left;}
.service-deil-text h2 {color: #002347; margin-bottom: 25px;}
.service-deil-text h3 {color: #002347;margin-bottom: 25px;margin-top: 30px;}
.service-deil-text {padding-top: 58px;}
.consulting-services-pages-details #troo-da-services-section{background-color: #fff;}
.box{ animation: animName 5s linear infinite;}
@keyframes animName {
   0%{
      transform: rotate(0deg);
     }
  100%{
      transform: rotate(360deg);
     }
  }
#troo-da-service-benefits-section { position: relative;}
.right-ss-im { position: absolute;top: -59px; right: 15%;}
#troo-da-service-benefits-section .vid-fig {bottom: 15%;left: 51%; position: absolute;
    z-index: 9; -webkit-animation: action 1s infinite alternate; animation: action 1s infinite alternate;}

 /**************footer-section**********************/
 #troo-da-footer {background-image: url(../images/footer.png); background-repeat: no-repeat; background-size: cover;
    padding-top: 214px; margin-top: 0;  margin-top: -105px;}
    .footer-text h5 {font-family: 'Roboto';font-style: normal; font-weight: 500; font-size: 20px; line-height: 23px; color: #FFFFFF;position: relative;}
.footer-text h5:after {position: absolute;width: 20px; height: 2px; left: 0px; bottom: -6px;
    background: #FD7702; border-radius: 100px; content: "";}
.footer-text p {font-family: 'Lora';font-style: normal;  font-weight: 400; font-size: 24px;  line-height: 31px; color: #FFFFFF; margin-top: 28px;}
.footer-text span {font-family: 'Lora';  font-style: normal;  font-weight: 400;  font-size: 16px;  line-height: 20px;
    color: #FFFFFF;display: block;}
.footer-text strong a{font-family: 'Lora'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 30px;color: #FFFFFF;
    display: block;text-decoration: none; padding-top: 7px;}
.call-dd { padding-top: 21px;}
.call-deails { margin-bottom: 26px;}
.footer-text ul { padding: 16px 0 0 0; margin: 0;}
.footer-text ul li {list-style: none;}
.footer-text ul li a { font-family: 'Lora';  font-style: normal; font-weight: 400; font-size: 16px;  line-height: 30px;color: #FFFFFF;
    text-decoration: none;}
 .footer-text strong a:hover{color: #FD7702;}    
.footer-text ul li a:hover{ color: #FD7702;}
.footer-text.servi-link { padding-left: 190px;}
.footer-text.cll-ss { padding-left: 144px;}
.bottom-text p {font-family: 'Roboto';  font-style: normal;  font-weight: 400; font-size: 16px;
    line-height: 19px; color: #FFFFFF; margin:100px 0 21px 0;}
#troo-da-footer .socail-con { margin: 100px 0 21px 0;  padding-top: 0;}
.bottom-text p span {color: #FD7702;}
#troo-da-footer:after {position: absolute; width: 100%; height: 1px;  left: 0px;  bottom:84px; background: #002347;
    content: ""; z-index: 999;}
.consultations {background-color: #FD7702; max-width: 1200px; width: 100%;  padding: 50px 50px 24px 72px;
            box-shadow: 0px 7px 29px rgb(0 0 0 / 10%); border-radius: 8px; margin: 0px auto 0 auto; position: relative;
            z-index: 9;background-image: url(../images/bg-transperant.png);  background-position: 52% 44%;background-repeat: no-repeat;}
.consultations .title h2 {color: #fff;}
.consultations .sub-title{text-align: left;}
section.consultations .text-sub { color: #fff;}
.consultations .sub-title img.up { filter: brightness(0) invert(1);}
section.consultations .row {align-items: center;}
section.consultations .get-col a {background: #FFFFFF; box-shadow: 0px 7px 29px rgb(0 0 0 / 25%);border: none !important;}
section.consultations .get-col a:hover { background: #002347;; box-shadow: 0px 7px 29px rgb(0 0 0 / 25%); border: none !important; color: #fff;}
section.consultations .case-btn { float: right;}
/*******************case-study*********************************/
.case-studies-page .team-member {background: #EFF7FF; border-radius: 8px 8px 0px 0px;}
.case-studies-page #troo-da-expert-section{background-color: #fff;}
.case-studies-page .picture .mask .team-member-icons a i{background-color: transparent;}
.case-studies-page .sub-title {  text-align: left;}
.case-studies-page #troo-da-services-section{background-color: #fff; padding-bottom: 0;}
/****************portfolio************************/

.portfolio-pages #troo-da-services-section { padding-bottom: 50px;background: #fff;}
.portfolio-pages .sub-title {text-align: left;}
.portfolio-img img {width: 100%;}
.portfolio-text strong { font-family: 'Roboto'; font-style: normal; font-weight: 700;   font-size: 16px;
    line-height: 19px; color: #002347;    display: inline-block;max-width: 29px; width: 100%;}
.portfolio-text span { font-family: 'Lora';font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px;
        color: #777777;display: inline-block;padding-left: 59px;}
.portfolio-text ul li:after { position: absolute; width: 12px; height: 12px; left: 0;
        top: 0; background: #FD7702;content: "";top: 6px; left: -20px; border-radius: 50px;}
.portfolio-text ul li { list-style: none; position: relative;padding-bottom:15px;}
.portfolio-text p {margin-bottom: 24px;}
#troo-da-sub-hero-section .cricle-one {top: -71px;}
/*************meet-team*********************************/
.meet-team-page .sub-title { text-align: left;}
.meet-team-page .team-member {background: #EFF7FF;border-radius: 8px 8px 0px 0px;    margin-bottom: 30px;}
.meet-team-page #troo-da-services-section{background-color: #fff;padding-bottom: 0;}
.meet-team-page #troo-da-expert-section{background-color: #fff;    padding-top: 33px; padding-bottom: 61px;}
.meet-team-page .team-member .picture .mask .team-member-icons a i{background-color: transparent;}
/********************client-review*********************/
.client-review section#testimonial-sub {margin-top: 0; margin-bottom: 0px;}
.client-review #troo-da-services-section{background-color: #fff;}
.client-review .sub-title{text-align: left;}
.client-review .test-client { margin-bottom: 58px;}

/***************Faq**************/
.faq-page .sub-title { text-align: left;}
.faq-page #troo-da-services-section { background: #fff;}

/************404****************/
#troo-da-error-section { padding: 100px 0;}
.error-text { text-align: center;position: relative;}
.error-text h4 { font-family: 'Roboto'; font-style: normal; font-weight: 800;  font-size: 70px;   line-height: 82px; color: #002347;}
.error-text h5 {font-family: 'Roboto';font-style: normal;font-weight: 800; font-size: 360px; line-height: 422px;
    color: #fff; text-shadow: 3px 3px #fd7702, -3px -3px #fd7702, 3px -3px #fd7702, -3px 3px #fd7702;} 
.error-text span{font-family: 'Roboto';font-style: normal;font-weight: 800;font-size: 42px;line-height: 52px;color: #002347;    margin-bottom: 18px;display: block;}
.error-text .get-col a { position: relative; z-index: 1; float: none; margin-right: 38px;
    background: #FD7702; box-shadow: 0px 7px 29px rgb(253 119 2 / 32%); color: #fff;}
.error-text .get-col a:hover{background: #002347; border: 1px solid #002347;}
.error-text p { margin-bottom: 72px;}
.error-text .vert-move { position: absolute;  right: 13%; top: 7%;}
.smal-cr { position: absolute; top: 38%;}
/****************commingsoon***********************/
.home-newsletter .single {max-width: 457px;  margin: 0 auto;  text-align: left;  position: relative;
    z-index: 2;  width: 100%;}
.home-newsletter .single h2 {  font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 20px;
    line-height: 23px;  letter-spacing: 0.01em;  color: #002347; margin-bottom: 11px;}
section.home-newsletter { margin-bottom: 129px;}
.home-newsletter .single .form-control {   height: 60px; background: #EBF3FC;  border-radius: 100px 0px 155px 100px !important; font-family: 'Roboto'; font-style: normal;
    font-weight: 400; font-size: 16px; line-height: 19px; color: #777777;  border: none;  padding-left: 41px;}
.home-newsletter .single .form-control:focus {  box-shadow: none; border-color: #243c4f;}
.home-newsletter .single .btn { background: #FD7702;box-shadow: 0px 7px 29px rgb(253 119 2 / 32%); border-radius: 100px 0px 155px 100px;
    padding: 9px 28px; font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 16px; line-height: 19px;
    text-transform: uppercase; color: #FFFFFF; position: absolute;right: 11px;  top: 9px; z-index: 9;}
.coimg-text { text-align: center;}
section#troo-da-coming-soon-section { padding-top: 105px; position: relative;}
.coming-logo { margin-bottom: 46px;}
.coimg-text h2 { margin-bottom: 45px;position: relative;}
.coimg-text h2:before {position: absolute;  width: 65px; height: 65px; left: 38%; top: -65%; background: #FD7702;opacity: 0.1;
    content: ""; border-radius: 50px;}
.coimg-text span { font-family: 'Roboto'; font-style: normal; font-weight: 700; font-size: 50px;  line-height: 59px;  text-align: center;
    letter-spacing: 0.01em; color: #002347;  display: block; margin-bottom: 45px;}
#troo-da-coming-soon-section .vid-fig { position: absolute; -webkit-animation: action 1s infinite alternate;animation: action 1s infinite alternate;}   
.single h2:before {display: none;}
#troo-da-coming-soon-section .pot { right: -14px; left: inherit !important;}
/***************************blogs**************/

.blog-page .sub-title {text-align: left;}
section#troo-da-blog-section {padding: 100px 0 0 0;}
.blog-page section#troo-da-blogs-section {background: #fff; margin-top: 0;}
.blog-page  .blog-content { margin-bottom: 30px;}
.bl-img img {max-height: 289px;}

/************************blog-deails***************/
.blog-detail-page .sub-title { text-align: left;}
.details-text span { font-family: 'Roboto';font-style: normal; font-weight: 600; font-size: 16px;line-height: 19px; color: #002347;
    display: block; margin-bottom: 60px;}
section#troo-da-detail-section { padding: 87px 0 0 0;}
.details-text h2 { font-family: 'Roboto';  font-style: normal;  font-weight: 600;  font-size: 36px;  line-height: 42px; color: #002347;  margin-bottom: 31px;}
.deails-blog img {
    width: 100%;
    box-shadow: 0px 7px 29px rgb(100 100 111 / 20%);
    border-radius: 16px;
    margin-bottom: 60px;
    margin-top: 44px;
}
.details-text h3 {margin-bottom: 16px;}
.de-contetn { font-family: 'Lora'; font-style: normal;  font-weight: 400; font-size: 16px;  line-height: 20px;color: #777777;
    border-left: 1px solid #FD7702; margin-left: 32px; padding-left: 32px; margin-top: 21px;  margin-bottom: 42px;}
 .details-text .socal-icon { padding-bottom: 17px; margin-top: 30px;margin-bottom: 25px; padding-top: 17px; justify-content: start !important;}
 .details-text .socail-con {justify-content: start;}
.details-text .socal-icon span {  margin: 0;  display: inline-block;}
.details-text .socal-icon i {width: 25px;height: 25px; border: 1px solid #002347; border-radius: 45px;  color: #002347;
    text-align: center; font-size: 12px; line-height: 24px; margin-right: 15px;}
 .details-text .socal-icon a:hover i{background-color: #FD7702;color: #fff;border: 1xp solid #FD7702 ;}
.details-text .socal-icon ul { padding: 0 0 0 24px; margin: 0;  float: right;}
.details-text .socal-icon { margin-bottom: 48px; margin-top: 62px;}
.details-text .socail-con:after { background: rgb(235, 243, 252); position: absolute; width: 100%; height: 1px;
    content: "";  top: 78px;}
.details-text .socail-con:before {background: rgb(235, 243, 252); position: absolute; width: 100%;  height: 1px; content: ""; bottom:62px;}
.details-text .socail-con{position: relative;}
/************commnet form*****************/
.commet-text h2 {font-family: 'Roboto';font-style: normal; font-weight: 500;  font-size: 24px;line-height: 28px; color: #002347; margin-bottom: 20px;}
.commet-text span{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 16px; line-height: 19px; color: #002347;margin-bottom: 28px;
    display: block;}
section#troo-da-comments-section .form-section {box-shadow: none;}
section#troo-da-comments-section .form-section {  box-shadow: none; padding-top: 0;  padding-left: 0; padding-right: 0;}
section#troo-da-comments-section .form-section button.btn.btn-primary {  display: inline-block; max-width: 150px;}
section#troo-da-comments-section .form-section p { font-family: 'Roboto'; font-style: normal; font-weight: 400; font-size: 14px;
    line-height: 16px;  text-align: left; color: #777777;  margin-top: 31px;}
.blog-detail-page section#troo-da-blogs-section { margin-top: 000;}
.blog-detail-page section#troo-da-blogs-section {background: #ffff;}
.blog-detail-page section#troo-da-blogs-section .sub-title { text-align: center;}
/***************contactus-page*****************************/

.contcat-tex h3 { margin-bottom: 21px;}
.call-col span {font-family: 'Roboto';  font-style: normal;  font-weight: 400; font-size: 16px; line-height: 19px;
    color: #777777; display: block; margin-bottom: 12px;}
.call-col a{font-family: 'Lora';font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;text-decoration: none;color: #FD7702;
      display: block;margin-bottom: 30px;}
.call-col a:hover{color: #002347;}
.call-col strong{font-family: 'Lora';font-style: normal;font-weight: 700;font-size: 16px;line-height: 20px;color: #FD7702;}
.contact-page .form-section {box-shadow: 0px 7px 29px rgb(100 100 111 / 10%) !important;
    border-radius: 8px !important; max-width: 973px;display: block;margin: -134px auto 100px auto; padding: 44px 91px !important;}
.contact-page .form-section button.btn.btn-primary {display: inline-block; max-width: inherit !important;}
.contact-page section#troo-da-form-section{padding-bottom: 79px;}
.contact-page .zoom-in-zoom-out { right: 12%;  left: inherit; bottom: 232px;}
/**********************get************************************/
section#troo-da-request-form-section .form-section {max-width: 973px; display: block; margin: -82px auto 86px auto; padding: 44px 91px;  z-index: 1;}
section#troo-da-request-form-section  select{ background-color: #E8F3FF !important; border-radius: 30px !important; height: 60px !important;
    font-family: 'Roboto' !important; font-style: normal !important; font-weight: 400 !important; font-size: 16px !important;  line-height: 19px !important;
    color: #777777 !important;  border: none !important;  padding-left: 20px !important;
    border-radius: 30px 0px 30px 30px !important;}
section#troo-da-request-form-section  .form-select:focus { border-color: transparent !important; outline: 0; box-shadow: none !important;}
.upload-file label{font-family: 'Roboto'; font-style: normal;  font-weight: 400;  font-size: 16px;
    line-height: 19px; color: #002347; display: block;margin-bottom: 19px;}
.upload-file {text-align: center; background: #FFF3E9;  border-radius: 30px 0px 30px 30px; position: relative; padding: 30px 0 30px 0;
        margin-bottom: 30px;}
.upload-file span { font-family: 'Roboto';  font-style: normal;font-weight: 700;font-size: 16px; line-height: 19px;  text-align: center;
    text-transform: uppercase; color: #002347;  position: absolute; left: 0; right: 0;  border: 1px solid #002347;filter: drop-shadow(0px 7px 29px rgba(253, 119, 2, 0.32));
border-radius: 30px 0px 30px 30px;max-width: 150px;height: 50px; margin: 0 auto;padding: 12px 0;cursor: pointer;}
section#troo-da-request-form-section  input#myFile {opacity: 0;}
.form-section h3 {margin-bottom: 36px;}
/*************responsive**************/
@media (max-width:1300px){

.right-ss-im {position: absolute; top: -59px; right: 6%;}

}
@media (max-width:1190px){
        .cricle-one {left: -71px;}
        ul.navbar-nav { margin: 0px 0 0 0;}
        a.nav-link {font-size: 14px; padding: 0 13.5px !important;}
        .get-col a{font-size: 14px;}
        .about-page #troo-da-about-section .about-left-img img { width: 100%;}
        #troo-da-services-section .row { justify-content: center;}  
        .consultations { max-width: 953px;}    
        .footer-text.cll-ss { padding-left: 92px;}
        section#troo-da-services-section .service-img img {width: 100%;}
        .box img {width: 100%;}
        .left-ss-im.vid-fig img { width: 100%;}
        .right-ss-im img {width: 100%;}
        .right-ss-im {position: absolute; top: -6%;right: 1%;}
        #troo-da-service-benefits-section .vid-fig { bottom: 22%;Left: 47%;}
       
}




@media (max-width:991px){
    .cricle-one{display: none;}
    img.arr-img{display: none;}
    .add-bx {padding-right: 11px;}
    .add-bx a span {margin-left: 4px; font-size: 13px;}
    .socal-icon span{display: none;}
    nav.navbar.navbar-expand-lg {position:absolute;width: 100%;    left: 0;    padding-top: 0;}
    .navbar-toggler:focus {text-decoration: none;outline: 0;box-shadow: none !important;}
    button.navbar-toggler {background: #FD7702;border: 0;border-radius: 0;padding: 9px 11px;position: absolute;right: 13px;top: 0px;} 
    ul.navbar-nav{margin: 0 auto;padding: 11px 0;overflow-y: inherit !important;background-color: #002347;}
    a.nav-link{    padding: 11px 19.5px !important;}
    a.navbar-brand img {width: 100%; max-width: 202px;padding-left: 14px;}
   header .get-col {display: none;}
/****header end****/
    .text-col h1 {font-size: 32px;line-height: 45px;}
    .vert-move{top:50px;}
    a.nav-link.active:before{display: none;}
    a.nav-link:before{display: none;}
    .text-col p br {display: none;}
    .about-left-img img {width: 100%; }
    .about-text { padding-top: 45px;}
    .about-text ul {padding: 0;}
    .title br { display: none;}
    .services-colum{padding: 30px 13px;}
    .services-colum h3 { font-size: 20px;}
    .services-colum span:after { width: 31px; right: -33px;}
    .services-colum span{margin-right: 36px;}
    #troo-da-services-section{padding: 50px 0;}
   #troo-da-services-section .row{justify-content: center;}
   .counter-box {padding: 12px 18px;display: flex;flex-wrap: wrap;}
   .con-text span.counter{font-size: 24px;}
   .con-text strong{font-size: 24px;}
   .con-text p {font-size: 16px;}
 .footer-text.cll-ss {padding-left: 37px;}
   .footer-text.servi-link {padding-left: 80px;}
.footer-text strong a{font-size: 21px;}
.ineer1{display: none;}
.spinner-item{width:300px;height: 300px;}
.pot img { width: 100%;    display: none;}
.consultations {padding: 50px 8px 33px 8px;    max-width: 710px;}
.consultations .title h2 {color: #fff;font-size: 30px;line-height: 38px;}
.bottom-text p { line-height: 30px; margin: 22px 0 0px 0;}
#troo-da-footer .socail-con { margin: 23px 0 21px 0; padding-top: 0;justify-content: end;}
.img-ss img {width: 100%;}
.case-text {margin-left: 0;}
.project-colum.mobile-hd { margin-top: -57px;}
.project-colum.work-hd { margin-top: -24px;}
.team-member{margin-top: 30px;}
#troo-da-expert-section .row {justify-content: center;}
.client-con span{font-size: 13px;}
#troo-da-faqs-section .case-text {padding-left: 0;}
.get-col a {font-size: 14px;float: none;margin-right:0;}
.clinet-ss {display: flex; align-items: center;  flex-wrap: wrap; padding-top: 45px;}
button.vide-btn {padding-top: 45px;}
.test-client { background: #FFFFFF; padding: 23px 3px 8px 11px;cursor: pointer;}
.blog-client {flex-wrap: wrap;}
.blog-con { margin-top: 14px;}
.blog-text h3 { margin-bottom:20px;  transition: 0.5s;  font-size: 20px;}
.blog-text {padding: 23px 19px;  background: #fff; transition: 0.5s; min-height: 324px; margin-bottom: 30px;}
.team-member strong{font-size: 19px;}
.case-btn .get-col a { padding: 12px 18px;}
#troo-da-blogs-section .case-btn{margin-top: 20px;}
body.about-page section#troo-da-expert-section .col-md-3 {flex: 0 0 auto;  width: 50%;}
.footer-text p { font-size: 20px;line-height: 28px;}
section#troo-da-services-section .service-img img {width: 100%;}
.box img { width: 100%; max-width: 250px;}
.left-ss-im.vid-fig img {width: 100%; max-width: 250px;}
.right-ss-im img { width: 100%;max-width: 225px;}
.right-ss-im { position: absolute; top: -6%; right: 1%;}
#troo-da-service-benefits-section .vid-fig { bottom: 53%; left: 47%;}
.bl-img img { max-height: 175px !important;}
}
@media (max-width:767px){
    .project-colum.work-hd {margin-top: 0;}
    .project-colum.mobile-hd {margin-top: 0;}
    .test-client {background: #FFFFFF; padding: 23px 3px 8px 11px; cursor: pointer;}
    .footer-text.servi-link { padding-left: 0;}
    .footer-text.cll-ss {padding-left: 0;}
    #troo-da-footer .socail-con { margin: 23px 0 21px 0; padding-top: 0;justify-content: start;}
    .img-ss img { width: auto;}
    .consultations {padding: 50px 8px 33px 8px; max-width: 298px;}
    .form-section { padding: 28px 18px;}
    .ser-tt { padding-right: 0;}
    .sub-page-title h2{font-size: 32px;}
    #troo-da-sub-hero-section{padding-bottom: 70px;}
    .ser-tt:after{display: none;}
    .consulting-services-pages-two .services-colum { padding: 31px 19px;}
    section#troo-da-case-studies-section .case-btn {margin-bottom: 45px; }
    section#troo-da-services-section .service-img img { width: 100%;}
    .box img { width: 100%; max-width: 250px;}
    .left-ss-im.vid-fig img { width: 100%;}
    .right-ss-im img { width: 100%; max-width: 225px;}
    .right-ss-im { position: absolute;  top: 70%; right: 37%;}
    #troo-da-service-benefits-section .vid-fig { bottom: 0;}
     section#troo-da-form-section { margin-top: 60px;}
     .portfolio-text { padding-top: 29px;}
    .about-page #troo-da-about-section {padding: 0px 0 0px 0; }
    #troo-da-case-studies-section {padding-top: 10px; padding-bottom: 0;}
    body.about-page section#troo-da-expert-section .col-md-3 { flex: 0 0 auto;width: 100%;}
    section.testimonial-sub { margin-top: -136px; padding-bottom: 0px;}
    .meet-team-page #troo-da-expert-section {padding-top: 0;}
    .client-review section#testimonial-sub {margin-bottom: 50px;}
    section.consultations .case-btn {float: none;}
    .client-review #troo-da-form-section { margin-top: 0px;}
    .faq-page #troo-da-services-section { padding-bottom: 0;}
    .faq-page .ser-tt { padding-right: 0;  padding-top: 0;}
    .error-text h5{font-size: 150px;line-height: 208px;}
    .error-text .vert-move { display: none;}
    .smal-cr {  display: none;}
    #troo-da-coming-soon-section .vid-fig{display: none;}
    .coimg-text span {font-size: 36px; line-height: 45px; }
    .coimg-text span br{display: none;}
    .coimg-text h2:before { left: 5%;}
    .home-newsletter .single .form-control{padding-left: 19px;}
    .blog-page section#troo-da-blogs-section{padding-top: 30px;padding-bottom: 0;}
    .bl-img img { max-height: inherit;}
    .blog-text { min-height: 191px;}
    .details-text .socal-icon li { display: inline-block;padding: 8px 3.5px; }
    .details-text .socal-icon ul{ padding: 0;}
    .contact-page .form-section {  padding: 32px 18px !important;}
    section#troo-da-request-form-section .form-section {padding: 23px 15px;}
}